En la fase 2 de mi bootcamp de ingeniería de software, comenzamos a aprender la biblioteca/marco React.JS. Después de completar numerosos laboratorios y asistir a conferencias, comencé a notar la escalabilidad de usar React en lugar de solo JavaScript.

Programación declarativa

Al codificar en React, estás programando declarativamente. Esto significa que estamos describiendo lo que debe lograr un programa, y ​​el programa determina cómo se logra. En términos de JavaScript simple, estarías programando de manera imperativa, lo que significa que damos explícitamente las acciones que debe realizar un programa y describimos cómo un programa debe usar esas acciones.

const header = document.createElement('h1');
header.textContent = "Hello World!";
header.className = "main";

const container = document.querySelector('#container')
container.append(header)

// JSX syntax
const header = <h1 className="main">Hello from React!</h1>;

ReactDOM.render(header, document.querySelector("#container"));

Componentes

React funciona estructurando nuestras aplicaciones usando componentes. Los componentes son secciones de nuestra página web que les permiten manejar y recibir sus propios datos y estilos. El uso de componentes permite que las aplicaciones sean altamente reutilizables y escalables, todo ello manteniendo la misma funcionalidad.

Conclusión

Una analogía que aprendí en clase es que aprender React es como aprender cómo funciona un automóvil. Los automóviles tienen muchas partes que son fundamentales para producir un vehículo funcional. Puede ser útil saber cómo funciona el motor, la transmisión y el sistema de suspensión, pero lo que puede ser más necesario es entender cómo usar correctamente los pedales, la dirección del volante y el cambio de marchas.