Desarrollo web en React JS

Hoy vamos a hablar sobre el desarrollo web en React JS y de sus múltiples ventajas comparándolas con otras tecnologías. Pero antes vamos a ver de donde sale React JS y un poco de su historia.

Historia del React JS

Este lenguaje fue creado por un ingeniero de Facebook llamado Jordan Walke. La primera aparición notable de este lenguaje es del 2011, donde se usó para el Feed de noticias del propio facebook, y posteriormente en 2012 en Instagram.

Rápidamente se fue popularizando y expandiéndose, siéndo un código abierto en la actualidad desde el 2017.

Ventajas del desarrollo web en React JS

Como hemos comentado en varios artículos sobre las buenas prácticas SEO uno de los puntos claves es la velocidad. Como explicamos, Google está priorizando cada vez más la carga rápida de contenido y ello implica minimizar al máximo la cantidad de datos que el navegador del usuario recibe para mostrar el nuevo contenido del site, navegando a través de sus páginas.

Es por ello que el desarrollo web en React JS es una arma muy efectiva para cumplir con esos requisitos.

¿Cómo funciona el desarrollo web en React JS?

El truco para tener tanta velocidad de carga de los contenidos es que React JS mantiene un vitrual DOM propio, en vez de depender solo del DOM del navegador. Ok, ¿que es un DOM? DOM es Document Object Model, esencialmente una interfaz de plataforma que proporciona un conjunto estándar de objetos para representar el HTML, como deben combinarse estos para dar forma a una página web.

¿Y que hace React JS con este DOM? Pues el lenguaje determina a través del virtual DOM que posee, que objetos han cambiado de la estructura, comparando la versión nueva con la que tiene almacenada en esta virtual DOM. Para ser más claros, mira que ha cambiado y solo carga esta parte, el resto sigue intacta y sin volver a cargarse.

En otros lenguajes clásicos, cada vez que cambiamos de página, el navegador recibe todo el contenido de nuevo. Es por ello que, si os fijáis en un desarrollo web tipo PHP por ejemplo, al cambiar de sección, aparece durante unos segundos la pantalla en blanco para cargar la nueva sección. Dependerá de lo rápido que tengamos la caché o optimizada la página etc. que ese lapso en blanco sea más o menos largo. Pero en cambio, en el desarrollo web en React JS ese lapso en blanco no existe. Porque lo que cambia, en la gran mayoría de veces, es el contenido interno de la página. Con lo que la estructura general no se ve alterada y no hace falta volver a cambiarla.

¿Es compatible un desarrollo web en React JS con aspectos SEO?

La respuesta es totalmente sí. Tenemos multitud de librerías que permiten aspectos básicos en SEO como temas de caché, urls amigables, poder establecer titles, descriptions, etc. en los metatags, integración con Google Analytics o Google Tag Manager, etc.

Un momento… ¿React JS o React Native?

Hemos estado hablando del desarrollo web en React JS pero algo he visto que pone React native? ¿Es lo mismo? La respuesta es que si y no. No es el mismo lenguaje pero sí parte de la misma idea. Aunque la diferencia principal es que el desarrollo en React Native está enfocado para el desarrollo de apps y no de webs. Pero ya hablaremos más adelante en otra entrada de ello.