Introduccion a react js

Reactjs se considera una libreria para el render del DOM(Document Object Model) segun su propia documentación. Con esta libreria podemos mejorar el rendimiento de nuestras aplicaciones; ¿Como logra esto? la respuesta a esta pregunta es sencilla lo realiza mediante su DOM virtual (Virtual DOM), ¿Como funciona? mediante la comparacion de un documento html que se mantiene en memoria (Virtual DOM) con las actualizaciones que se realicen mediante la interaccion del usuario con la aplicacion, ¿Para que lo hace? lo realiza con la finalidad de volver a renderizar solo el elemento que tuvo un cambio mejorando asi la velocidad de respuesta en dicha tarea.

Todo el funcionamiento de reactjs tiene un enfoque hacia la programación orientada a componentes, que podemos definir como un metodo de desarrollo que busca separar cada funcion de la aplicacion en diferentes elementos que seran integrados pero son basicamente independientes y reusables, desde botones hasta layouts enteros ya que normalmente tienen un enfoque UI (User interface).

Para entenderlo mejor debemos saber primero como funciona la estructura de nodos de html basico y tal vez saber mapear los nodos con javascript, ¿React lo necesita? pues no, mas allá de la logica que esto representa no se requiere, ya que cada componente se vuelve parte de este arbol de nodos pero al mismo tiempo es actualizado como elemento independiente, se necesita comprender la estructura de arbol ya que los componentes pueden heredar propiedades de sus padres.

Reactjs es sencillo de manejar y ofrece una solucion interesante para mejorar rendimiento, generar aplicaciones escalables y hasta la posibilidad de hacer aplicaciones isomorficas (aplicaciones que se realizan con un solo lenguaje frontend y backend). Mas adelante conoceremos qué es jsx, los ciclos de vida de un componente y los estados y propiedades de los mismos.