Vamos a describir a React a través de una serie de puntos que lo caracterizan y en cada uno de ellos, te explicaremos, qué significa dicho punto para ti y tu flujo de trabajo.

1 React es una librería de JavaScript

Una librería es una colección de procesos almacenados en objetos o módulos, que aceleran tu flujo de trabajo, dado que reciclas código pre definido. Como parte de la librería de React, se define el comportamiento de los componentes, la forma en que se muestra, en que interactúan, etc. Esto provee una base de trabajo a partir de la cual creas tu proyecto.

En términos específicos, que React sea una librería, primero, significa que para escribir el código necesitamos un lenguaje, en este caso es JavaScript, y además, significa que está diseñada para automatizar, mejorar, estructurar y acelerar el proceso de desarrollo.

React se destaca porque con el uso de esta librería, podemos crear interfaces, por mucho tiempo se dijo que React era la V en el acrónomico MVC, que es una arquitectura con la que se estructura un proyecto… todo esto significa que React es una librería para trabajar con tus vistas.

2 React está basado en componentes

En el centro del desarrollo con React están los componentes, estos componentes encapsulan dos cosas, funcionalidad y estado, la funcionalidad significa que cada componente tiene un propósito, por ejemplo, podemos tener un componente botón, cuya funcionalidad sea la de enviar un mensaje, la de agregar animaciones al click del botón mismo, etc. Cada componente, tiene un propósito y una función, lo interesante de esto es que al asignarle una tarea a cada componente, cada que necesitemos solucionar dicha tarea, podemos reciclar el mismo componente que antes habíamos creado.

Además, como mencioné antes, cada componente guarda su propio estado, esto es, su propia información necesaria para saber cómo deben de mostrarse los datos, qué datos mostrarse, entre otras cosas, que dependen del estado mismo.

La ventaja de que cada componente tenga su propio estado, es que es más fácil organizar nuestro proyecto, con el propósito de saber específicamente donde debemos hacer modificaciones para modificar el comportamiento, agregar nuevas funcionalidades o solucionar posibles errores.

Como los componentes son la parte más importante de React, dedicaremos un vídeo, en el siguiente bloque, para hablar a detalle del comportamiento de los componentes.

3 React no está hecho para ningún entorno de trabajo en específico.

Dado que React no asume nada acerca de las otras tecnologías que forman parte del proyecto, la librería se convierte en una flexible que se puede utilizar en muchos casos.

Como mencioné antes, el beneficio de esta característica, es que con el mismo conocimiento que vas a adquirir en este curso, donde crearemos una página web, tú podrás crear apps nativas con React Native, o experiencias de realidad virtual con React VR, además, React puede funcionar con el lenguaje de backend que tú quieras, en el entorno que así desees, además de, incluso, poder funcionar con otros frameworks de JavaScript.

¿Increíble, no?

4 React optimiza el rendimiento de tu aplicación

Una de las maravillas de React, se basa en la separación de tu app en distintos componentes, tal como hablamos hace un momento, esta maravilla es su increíble rendimiento para actualizar datos.

Por si no lo sabías, cuando nosotros mostramos una página web, se genera un arbol con los elementos que conforman la página, a este árbol se le conoce como el DOM o el Document Object Model, esta característica ofrece un sin fin de beneficios, y un par de deficiencias a cambio.

Hacer la actualización de un elemento de la página, o nodo, como también los conocemos, suele ser una operación costosa en términos de tiempo, y en ocasiones de recursos de la computadora, esto se debe a que para poder modificar un nodo, es necesario buscarlo dentro del árbol, para luego modiciarlo.

En una app de React, el árbol está, digamos, “compuesto por componentes”, entre comillas porque a final de cuentas es una página web, por lo que terminará siendo un árbol de elementos HTML… independientemente de esto, React guarda internamente una referencia virtual al árbol de componentes, al que llamamos Virtual DOM, como cada componente guarda su propio estado, es fácil saber qué debemos actualizar, cuando un dato del estado se modifica, esto hace que las apps se actualicen más rápido, y sobre todo, fluyan de manera más óptima, porque los recursos del dispositivo se aprovechan eficientemente.

5 React es la librería más popular de JavaScript

Ya hemos mencionado muchas veces este punto, la razón de repetirlo es que ahora veremos, qué significa para nosotros que sea un proyecto tan popular.

Bueno, primero, que debe haber algún motivo detrás de la popularidad, lo que esto quiere decir es que un proyecto de programación se vuelve popular en base a la cantidad de desarrolladores que validan los beneficios de usar dicho proyecto.

Adicionalmente, usar un proyecto popular significa que existen muchos recursos y una comunidad muy grande alrededor de dicho proyecto, tal es el caso de React, en donde existen centenas de plugins, extensiones y frameworks diseñados para extender las funcionalidades de React. Además de las extensiones, tenemos tutoriales, cursos, libros y demás.

Con estas características y beneficios de React en mente, empecemos a escribir nuestra página web.