Introducción a React

¿Qué es React?

Reactjs o React es una biblioteca de JavaScript de código abierto desarrollada por Facebook con el objetivo de crear interfaces de usuario en las aplicaciones. Permite que estas sean programadas de forma declarativa, haciendo el código más previsible y logrando una mejor comprensión del mismo. Está basada su funcionamiento a través de componentes. Es considerada como la capa de la vista de una aplicación, cuando se toma como referencia la metodología MVC (Modelo Vista Controlador) o MVVM (Modelo-Vista-Modelo de Vista). En la actualidad, esta biblioteca es de amplia aceptación por las comunidades de desarrolladores.

React constituye una herramienta útil para la construcción de aplicaciones de una sola página (SPA, Single Page Application). Es decir, permite crear grandes aplicaciones web cuyos datos cambian con frecuencia sin la necesidad de recargar las páginas. Ofrece seguridad, es simple, escalable y constituye una solución amigable, dinámica y modular para las aplicaciones web.

Una característica importante, como se había comentado anteriormente, es que React alcanza la modularidad y reutilización de código a través de componentes. Cada componente es capaz de administrar sus estados (states) y propiedades (props) (en artículos posteriores profundizaremos sobre estos conceptos) de manera independiente. La composición de complejas interfaces de usuarios (UI) se logra, por tanto, mediante múltiples componentes que muestran pequeñas y reusables piezas de HTML. Los componentes pueden ser escritos usando el código JSX. JSX permite programar los componentes con la mezcla de JavaScript y HTML.

React utiliza, en adición, un DOM virtual que es una copia en memoria del HTML DOM. Ante cada cambio producido en la página, React regenera el DOM virtual y realiza una comparación entre ambos. En correspondencia a estas diferencias entonces modifica el DOM real. De esta forma, puede React actuar rápidamente, y adicionar, actualizar o eliminar los componentes que han cambiado.

Surgimiento y versiones de React

React fue concebido por Jordan Walke, un ingeniero de software en Facebook, fomentado por los inconvenientes que tenían con el soporte del código de los anuncios dentro de la plataforma.

La primera versión de Reactjs (0.3.0) fue lanzada para producción en marzo del 2013. La última versión hasta la fecha (16.6.3) fue publicada en noviembre del 2018. Esta versión 16 será la empleada en los artículos posteriores.

Al igual que otras tecnologías, React sigue los principios de versionado. Es decir, con un número de versión x,y,z: incrementará la x cuando se hagan grandes cambios en la publicación del código, la y cuando las modificaciones sean menores y la z cuando se realice algún parche a la biblioteca.

De manera general, no se espera la versión 17 de React hasta el 2019.

Ventajas y desventajas que presenta React

Compañías que usan esta tecnología

A manera de conclusión, podemos decir que, React presenta una enorme comunidad de desarrolladores en GitHub lo cual le brinda soporte y estabilidad a esta biblioteca.

Seguidamente presentamos diferentes compañías importantes que emplean esta tecnología en el desarrollo de sus aplicaciones.

Facebook, hace uso de React parcialmente en la construcción de su sitio web. Su aplicación móvil se basa también en React, pero esta se desarrolla con una versión llamada React Native. React Native posibilita el despliegue de la aplicación en los sistemas operativos para dispositivos móviles iOS y Android de forma nativa.

Otra marca importante que aplica React es Instagram. Para nosotros es considerado uno de los mejores ejemplos del uso de esta biblioteca. Con React logran una excelente interactividad con el usuario, a través de las visualizaciones de videos, imágenes y reacciones.

Netflix también trabaja con React, principalmente en su plataforma llamada Gibbon para dispositivos de TV de pequeño rendimiento. La decisión de adoptar React, explicada por ellos mismos, estuvo influenciada por su velocidad, alto performance en el tiempo de ejecución y modularidad.