Opinión #3: Mi primera, primera experiencia con ReactJS.

React explicado en un meme, literal.

React es una librería de código abierto desarrollada por Facebook para crear interfaces de usuario de alta calidad y escalables para aplicaciones web y móviles. Utiliza un enfoque de componentes para la creación de interfaces de usuario lo que hace más fácil de entender, modificar y depurar.

Primer acercamiento

HTML + Javascript + CSS en un archivo?

Debido a la creciente popularidad de React, me di la oportunidad de aprender más acerca de esta librería, ¿que es?, ¿como funciona?

Mi primera impresión fue: WTF?, me pareció un completo lío usarlo.
¿Porqué escribiría todo en un mismo archivo?, ¿porque usar Node?

Tantas interrogantes que previo a mi experiencia como Backend Developer era natural sentir una cierta aversión a usar esta tecnología.

Segundo acercamiento

Okey, ya entendí.

Años después de haber intentado aprender algo de React y no entender su propósito, tiempo después de haber ganado experiencia trabajando con nodejs, desarrollando Frontend con HTML, Javascript y CSS, con MVC Patterns … la experiencia con React fue completamente diferente al primer intento.

Razón para el segundo intento? Entrevista de trabajo para Frontend Developer.

Esta vez, pude comprender que usar React ofrece ciertos beneficios interesantes para un Frontend Developer y que, de manera contundente ayuda a crear interfaces con una praxis más cómoda que lo “habitual”.

Que beneficios encontré con React?

Habiendo trabajado con Node como Backend Developer, estoy conciente que para poder renderizar un archivo HTML con su respectivo CSS y Javascript, es necesario configurar el uso de estos archivos previamente en el archivo index del servidor. Con React ya no es necesario hacer estas configuraciones, simplemente, lo renderizas y listo.

HTML no es un lenguage de programación

Bueno, si, pero React intenta desarmar esta afirmación.

Una de las experiencias mas confortables ha sido mostrar un listado proveniente de un archivo JSON de manera dinámica.

Anteriormente realicé esta tarea usando Javascript de manera cotidiana y el resultado fue: “muchas y muchas líneas de código”.

Y si, con React hice la misma tarea y solo fue necesario definir las etiquetas HTML dentro de un bucle similar a una sintaxis Javascript y por supuesto solo fueron necesarias pocas líneas de código para lograrlo.

Conclusiones

React es una de las librerías mas populares actualmente lo cual es muy recomendado aprender en caso de que quieras dedicarte a ser Frontend Developer. Además cuenta con una amplia comunidad de desarrolladores lo cual hace que sea fácil encontrar soluciones y recursos.
Si ya dominas HTML, CSS3 y Javascript DOM entonces seguro podrás comprender ReactJS.

Adjunto proyecto React realizado para entrevista de trabajo:

Proyeto desarrollado con React.

Link de proyecto.