Cómo aprender React.js

Si te has preguntado por qué React.js se mantiene como la herramienta de JavaScript con mayor demanda laboral en el desarrollo front end, aquí encontrarás las razones de fondo, los conocimientos previos que necesitas y cómo esta tecnología transforma la forma en que construimos interfaces web.

¿Qué es React.js y por qué facilita el trabajo del front end?

React es una herramienta de JavaScript que nos ayuda a construir la parte visual de nuestras aplicaciones web, es decir, las interfaces con las que interactúan los usuarios [0:12]. Las tecnologías base del front end siguen siendo HTML, CSS y JavaScript, pero conforme una aplicación crece, el código se vuelve predominantemente JavaScript. Incluso llegamos al punto en que la mayor parte de nuestro HTML y CSS se escribe desde JavaScript [0:30].

Lo que React hace es facilitar esa forma de escribir HTML y CSS desde JavaScript. Ordena código que, de otro modo, podría volverse caótico y nos ofrece herramientas que hacen la experiencia de desarrollo mucho más disfrutable [0:48].

¿Qué es la developer experience y por qué importa?

Nuestro trabajo como front end developers consiste en ofrecer la mejor experiencia posible a los usuarios: usabilidad, tiempo de carga, optimización, flujo de navegación y accesibilidad [1:00]. Cuando además la herramienta con la que trabajamos nos permite lograr todo esto sin sufrimiento innecesario, hablamos de developer experience [1:14]. Esa experiencia positiva para quien programa es, en gran medida, lo que enamoró a la comunidad de React y lo que lo convirtió en la opción con mayor demanda laboral en el front end [1:24].

¿Es React un framework o una librería?

React es más librería que framework, pero la línea que separa ambos conceptos no es absoluta [5:20]. Las herramientas nunca son 100 % una cosa u otra; siempre se ubican en un punto intermedio. React puede comenzar como una librería enfocada en un problema específico, pero junto con su ecosistema de herramientas puede crecer hasta soportar aplicaciones del tamaño de Facebook, Instagram, Netflix e incluso Platzi [5:40].

Esa capacidad de empezar en pequeño y escalar a lo grande es lo que demuestra que React, en conjunto con su ecosistema, puede funcionar casi como un framework: reglas más estrictas y una forma específica de trabajar que facilita el desarrollo [6:10].

¿Qué conocimientos previos necesitas antes de aprender React?

Saltar directamente desde HTML y CSS hasta React —o cualquier otro framework de JavaScript— puede ser muy riesgoso [2:20]. La recomendación basada en experiencia profesional y en la formación de estudiantes es seguir un camino ordenado:

• Maquetación con HTML y CSS.
• Programación con JavaScript y su sintaxis moderna (ECMAScript).
• Entender el scope, los closures y la programación orientada a objetos.
• Comprender cómo funciona el JS Engine y cómo el navegador hace render [2:48].
• Dominar el asincronismo y las peticiones a APIs.
• Aprender a manipular el DOM para crear interactividad.
• Saber cuándo usar frameworks y librerías de JavaScript y cuándo no [3:10].

Existe también otro enfoque válido: ir intercalando la profundización en JavaScript con pequeñas dosis de React [3:38]. Profundizar un poco en JavaScript, practicar un poco de React, profundizar más y así sucesivamente. Ambos caminos son válidos; lo importante es no saltarse los fundamentos.

¿Qué temas cubre un curso introductorio de React?

Durante un curso de introducción a React se trabaja sobre las bases que todo front end developer profesional necesita en su día a día [4:10]:

• HTML, CSS y JavaScript en la versión que se necesite.
• Asincronismo y peticiones a APIs.
• Renderizado en el navegador y manipulación del DOM.
• Gestión de paquetes y dependencias con NPM.
• Parte teórica y práctica de React.

Antes de abordar React también es recomendable estudiar la importancia de los frameworks de JavaScript, su historia, cómo pasamos de sitios web a aplicaciones web y los paradigmas que sustentan estas construcciones [4:55].

Si sientes que necesitas repasar algún tema, no hay razón para sentirse mal: invertir tiempo en estudiar a profundidad JavaScript y sus fundamentos es lo que te convertirá en un gran profesional del desarrollo web. ¿Cuál ha sido tu experiencia aprendiendo React? Comparte tu camino en los comentarios.