Por qué debería aprender ReactJS?
React se puede utilizar para crear todo tipo de aplicaciones web, para
móviles, e interfaces y mucho más. ReactJS es un framework JavaScript
moderno, declarativo y eficiente que permite un desarrollo flexible y hace que
la creación de interfaces de usuario interactivas/front-end sea divertida y
completamente indolora.
Es también un framework con un amplio respaldo en la comunidad debido a
que cuenta con Facebook como su principal impulsor. Debido a esto es muy
fácil encontrar documentación o buscar ayuda gracias a la comunidad en
redes sociales (Facebook, Google, Twitter, LinkedIn, GitHub, Stackoverflow,
Reddit, etc.).
Debido a que Facebook está detrás de ReactJS su creación se realizó en
base a unas necesidades concretas, derivadas del desarrollo de la web de la
popular red social pero con el tiempo muchas otras aplicaciones web de
primer nivel la fueron adoptando. Así nombres como BBC, Airbnb, Netflix,
Dropbox y un largo etc hacen uso intensivo de ReactJS.
Comparación de React con otras librerías o
frameworks
Con respecto a librerías sencillas como jQuery, React
aporta una serie de posibilidades muy importantes. Al
tener las vistas asociadas a los datos, no necesitamos
escribir código para manipular la página cuando los
datos cambian. Esta parte en librerías sencillas es muy
laboriosa de conseguir y es algo que React hace
automáticamente.
También en comparación con jQuery nos permite una
arquitectura de desarrollo más avanzada, con diversos
beneficios como la encapsulación del código en
componentes, que nos ofrecen una serie de ventajas más
importantes que los plugin, como la posibilidad de que
esos componentes conversen e interaccionen entre si,
algo que que sería muy difícil de conseguir con Plugins.
ReactJS solapa por completo las funcionalidades de
jQuery, por lo que resulta una evolución natural para
todos los sitios que usan esa librería. Podrían convivir
pero no es algo que realmente sea necesario y recargaría
un poco la página, por lo que tampoco sería muy
recomendable.
Ya luego en comparación con frameworks como es el
caso de Angular o Ember, React se queda a mitad de
camino, pues no incluye todo lo que suele ofrecer un
framework completo. Pero ojo, a partir de todo el
ecosistema de React se llega más o menos a las mismas
funcionalidades, así que es una alternativa perfecta.
No se puede decir de una manera objetiva si es ReactJS
es mejor o peor que otras alternativas, porque eso ya
entra más en el terreno de la opinión. Lo cierto es que
muchas librerías se especializan en el "data-binding",
pero React toma esa misma necesidad y la resuelve de
otra manera. La diferencia es que React le pone más
inteligencia a la necesidad de actualizar una vista
cuando es necesario y lo consigue mediante el "DOM
Virtual" o "Virtual DOM".
Características
Virtual DOM[editar]
React mantiene un virtual DOM propio, en lugar de confiar solamente en el DOM del navegador.
Esto deja a la biblioteca determinar qué partes del DOM han cambiado comparando
contenidos entre la versión nueva y la almacenada en el virtual DOM, y utilizando el resultado
para determinar cómo actualizar eficientemente el DOM del navegador. 45Propiedades (props) de
react.
Las propiedades[editar]
Las propiedades (también conocidas como 'props') pueden definirse como los atributos de
configuración para dicho componente. Éstas son recibidas desde un nivel superior, normalmente
al realizar la instancia del componente y por definición son inmutables.
El Estado[editar]
El estado de un componente se define como una representación del mismo en un momento
concreto, es decir, una instantánea del propio componente. Existen dos tipos de componentes
con y sin estado, denominados statefull y stateless.
Ciclos de vida[editar]
El ciclo de vida es una serie de estados por los cuales pasan los componentes statefull a lo largo
de su existencia. Se pueden clasificar en tres etapas de montaje o inicialización, actualización y
destrucción. Dichas etapas tienen correspondencia en diversos métodos.
shouldComponentUpdate permite al desarrollador prevenir el re-renderizado
innecesario de un componente, devolviendo falso si no es necesario.
componentDidMount es llamado una vez que el componente es "montado" (el
componente ha sido creado en la interfaz de usuario, usualmente asociándolo con el
nodo del DOM). Esto es comúnmente usado para provocar la carga de datos desde
una fuente remota a través de una API.
componentWillUnmount es llamado inmediatamente antes de que el componente
es "desmontado". Es comúnmente usado para limpiar la demanda de dependencias
del componente que no será simplemente removido con el desmontaje del
componente.
render es el método más importante de los ciclos de vida y el único requerido en
cualquier componente. Es usualmente llamado cada vez que el estado del
componente es actualizado, reflejando los cambios en la interfaz de usuario.
JSX[editar]
React utiliza una sintaxis parecida a HTML, llamada JSX. No es necesaria para utilizar React,
sin embargo, hace el código más legible, y escribirlo es una experiencia similar a HTML.
