React es una librería en Javascript que viene muy bien cuándo tenemos que desarrollar interfaces de usuario, pero el conjunto de elementos que la forman – componentes, herramientas – se puede aplicar para muchos tipos de aplicaciones web y también se puede utilizar para aplicaciones móviles.
Otra de las ventajas de esta librería es que contiene muchos elementos desarrollados que podemos utilizar rápidamente y nos ahorrará muchas horas de diseño, máxime cuando sabemos que es una librería que proviene de Facebook, por lo cual la suponemos muy completa.
Se trata de una librería que ha liberado la empresa de Mark Zuckerberg por lo que un creciente número de desarrolladores ha comenzado a utilizarla. Facebook desarrolló React para permitir un trabajo más rápido de los desarrolladores de Facebook.
React en estos momentos ha sido asumido como librería por los principales portales web que existen: BBC, Airbnb, Netflix, Dropbox y muchas más. React nos va a permitir el desarrollo de aplicaciones web con un mayor orden y utilizando menos código que si utilizásemos Javascript por o librerías como pueda ser JQuery.
Con React cada interfaz de usuario se crea a partir de un solo componente, que va a encapsular el funcionamiento y la presentación de esa interfaz. Además unos componentes se basan en otros de manera que permiten resolver muchos problemas en aplicaciones complejas.
React permite muchas más posibilidades que otras librerías más sencillas como jQuery. Una de ellas es que como las vistas se encuentran asociadas a los datos, no hay que escribir código para la manipulación de la página web cuándo los datos cambian; eso es algo que una librería sencilla no puede solucionar.
La librería React subsume todas las funcionalidades de la librería jQuery de manera que se puede decir que la primera es una evolución natural de la segunda. En lo que respecta a frameworks – Angular o Ember – la librería React no es tan funcional.
Al ocuparse de las interfaces de usuario, no podemos decir que es un framework, aunque las deficiencias de React con respecto a un framework se puede solucionar usando capas adicionales de React.
Mejorando la velocidad de ejecucción
A pesar de esas carencias, muchos desarrolladores prefieren utilizar React antes que un framework porque les permite una mayor libertad a la hora de desarrollar sitios web. React, cuando se necesita actualizar una vista toma la novedosa medida de utilizar para ello Virtual DOM. (DOM: Modelo Objeto Documentos, básicamente son los elementos HTML con los que podemos interactuar)
Virtual DOM se puede definir como una representación del DOM en memoria. La actualización de la vista lleva asociado la actualización del DOM Virtual lo cual supone un proceso más rápido que actualizar el DOM del navegador.
Cuando React compara el DOM Virtual con el DOM del navegador, la librería sabe que partes de la página tiene que actualizar y cuáles no, por ello al no tener que actualizar la página web entera su ejecución es más rápida.
Otra de las ventajas de React es que es isomórfico, cualidad que es necesaria cuándo lo que se busca es que las aplicaciones logren un buen posicionamiento en buscadores. Decimos que un código isomorfo cuando se puede renderizar tanto en el cliente como en el servidor lo cual redunda en una menor carga de trabajo.
Al poder con el mismo código renderizar tanto el cliente como el servidor, cuándo Google nos va a indexar se puede utilizar ese mismo código y se puede entregar a Google el código HTML ya renderizado. Por ello el posicionamiento será mejor que en soluciones más tradicionales – diseño web tradicional o CMS de WordPress – que solo renderizan del lado de servidor.
Deja una respuesta