Si estas comenzando en el mundo de la programación web seguro has escuchado hablar de React JS, Vue JS, Angular, Next JS y otra gran cantidad de herramientas que se supone que debes aprender para dedicarte a este mundo de la programación. En este artículo te daremos la información más importante que debes tener en cuanta cuando decidas aprender React JS.
React JS fue creado por Facebook para trabajar su plataforma principal, pero con el tiempo cientos de aplicaciones han migrado al uso de React JS debido a su gran potencial al trabajar con componentes. Hoy en día es una de las herramientas más usadas cuando se quiere crear una aplicación web poderosa y escalable.
¿Cuándo nace React JS?
Esta librería fue lanzada oficialmente al público en el 2013, sin embargo desde años antes el equipo de Facebook la usaba para la construcción de su plataforma. Actualmente es de código abierto por lo que su desarrollo está también en manos de la comunidad, aunque su principal desarrollador sigue siendo el equipo de Facebook y a que esta librería es la que se usa en aplicaciones como Facebook e Instagram.
Gran parte del éxito que tiene React JS en el mundo de la programación es gracias al concepto de Componentes, que permiten separar la aplicación por funcionalidad y no por código como se venía haciendo en el pasado. Cuando trabajas sin ninguna librería debes crear una carpeta para el código Javascript, otra para los estilos CSS y otra para el HTML de toda la vida. Con React JS todos estos elementos están juntos.
¿Qué es un componente y como funciona?
Hace un tiempo hice un artículo que explica esto a detalle el correcto funcionamiento de este concepto. Si te interesa puedes verlo aquí: Correcto uso de COMPONENTES de software. En este artículo voy a tocar el tema de forma más superficial, solo voy a explicar los conceptos más básicos para que entiendas lo que son.
Puedes ver un componente como una pieza de un puzzle, el puzzle completo sería la web. Un componentes puede ser un botón o un header, una imagen o un carrucel de imágenes. Un componente debe ser capaz de funcionar de forma aislada de manera que pueda usarse en diferentes partes de la web, esto permite que los componentes sean reutilizables y por lo tanto si se necesita realizar un cambio, solo lo harías en ese componente y esto cambiaría su funcionamiento en toda la aplicación.
El ingrediente secreto de React JS
Si sabes un poco de programación web tradicional seguro te estarás preguntando como es posible que meter la estructura y la funcionalidad en un mismo elemento, ¿que eso no es una mala práctica?
Es aquí donde entra en juego el ingrediente secreto que hace que sea muy cómodo trabajar con React JS. Estamos hablando de JSX, una forma de escribir código HTML directamente en Javascript como si lo estuvieramos escribiendo en un archivo .html de toda la vida. De esta manera un componente es simplemente una función de Javascript que returna un HTML.
Hay mucho más que contar sobre React JS y como ha venido a cambiar la forma de construir sitios web y aplicaciones en línea. Sin mencionar el desarrollo móvil gracias a su variación React Native. Si te gustaría más contenido de este estilo puede dejarlo en los comentarios y con gusto estaré contestando y tomando en cuenta sus recomendaciones.