¿Qué es React? Tipos de Reacts y Ventajas de React

¿Qué es React?

React surge de una necesidad, la de resolver los problemas en los que se encontraba Facebook para realizar el mantenimiento del código de los anuncios dentro de su plataforma Facebook Ads Org. Con el crecimiento de la compañía, surgieron nuevas necesidades/requerimientos que se transformaron en un código no paraba de aumentar en cantidad y complejidad cada día más y más. Todo esto se traduce en invertir más dinero para cubrir sus necesidades de más ingenieros para poder realizar el mantenimiento del producto.

Logo React

Estos problemas provocaron que se buscará una solución urgente. Este escenario es ideal para la gestación de React y aquí es donde entra en juego Jordan Walke al que se él encarga el desarrollar una solución. Por tanto, el desarrollo de ReactJS se inicia en 2011, en un proyecto de Facebook liderado como no por el ingeniero de software Jordan Walke, el cuál podemos afirmar que es el padre de React. En los orígenes de la creación React, se inició con la creación de un prototipo que recibió el nombre de FaxJS.

React buscaba optimizar y otorgarle cierta rapidez a la carga de contenidos a la red social de Facebook. El objetivo principal de React es organizar los elementos sobre una interfaz dividiendo dicha interfaz de usuario (UI) en una colección/conjunto de componentes. Los componentes nos permiten dividir una aplicación web en pequeñas partes donde cada parte es independiente y aunque estás partes sean independientes las podemos trabajar juntas o unirlas para realizar una aplicación web. React, además, destaca por ser SPA (Single Page Application). Con SPA, nos referimos a aplicaciones de una sola página.

El pistoletazo oficial que simboliza el lanzamiento de esta librería, no se efectuó por parte de Facebook hasta 2013. Aquí podemos ver a Jordan Walke realizando la primera charla de presentación de React. Os adjunto el enlace de la charla completa: https://www.youtube.com/watch?v=GW0rj4sNH2w

React en la actualidad

Cuando hablamos de React, estamos hablando de una de las librerías más importantes y populares de todo JavaScript. De código abierto licencia MIT (una licencia que se caracteriza por ser bastante blanda debido a que es una licencia libre, de código abierto y sin copyleft, por todo ello, podemos afirmar que nos encontramos ante una licencia bastante blandita).

Muestra de esa importancia y para ayudarnos a aterrizar y coger un poco de contexto sobre la importancia de esta librería en el desarrollo Web/Front actual, vamos a ver una imagen que hemos obtenido de divante.com.

En la gráfica, podemos ver el total de consultas que se lanzan por mes en Stack Overflow sobre jQuery, AngularJS, Angular y ReactJS durante el transcurso de casi la última década desde 2009 hasta 2019. En este gráfico, podemos ver un cambio de tendencia a favor de dos puntales como son: ReactJS y Angular que literalmente se están comiendo a jQuery con patatas.

Tipos de React

Normalmente cuando hablamos de React, nos referimos a React.js o ReactJS, pero de dentro del mismo troncal (de React) salen tres ramas diferentes: ReactJS, React Native y React VR. ¿Sobre cuál de ella estamos trabajando?

ReactJS VS React Native VS React VR

Tres vertientes que nacen con el fin de cubrir necesidades distintas y que nos permitirán diferenciar dentro del troncal principal de React según las necesidades que cubren. Aunque las tres son hijas del mismo padre, saber situar sobre cuál de ellas estamos trabajando es importante, para ello vamos a explicar un poquito sobre las 3 versiones de React:

  • ReactJS: está destinado a la creación de interfaces de usuario para aplicaciones web.
  • React Native: está destinado a la creación aplicaciones móviles nativas con JavaScript en: Android, iOS, multiplataforma (híbridas)…
  • React VR: está biblioteca de JavaScript, está destinada al desarrollo de aplicaciones web en realidad virtual. Tales como: escenas en 3D (3 dimensiones) como también al desarrollo de interfaces de usuario interactivas mediante al uso de la realidad virtual.

Los tres Reacts tienen una sintaxis muy similar, pero aunque se parecen mucho no es idéntica. Ya que cada uno está destinado a cubrir unas necesidades distintas y por ello cada uno tiene sus peculiaridades.

Por ejemplo ReactJS usa HTML y React Native utiliza su propia sintaxis. Hay que matizar que pese a sus pequeñas peculiaridades, las tres bibliotecas de React son proyectos de código abierto desarrollados por Facebook.

Compañías que usan React

Algunas de las grandes compañías que usan React son: Facebook (como no, no podía faltar la empresa creadora de React), Instagram, Netflix, Skype, Airbnb, WhatsApp, Wix, Uber, Dropox… La lista como os podréis imaginar se podría extender mucho más.

Ventajas de React

Algunas de las ventajas de React son:

  • Veloz y reutilizable: La carga de páginas con ReactJS son más rápidas debido a que crea interfaces de usuario basándose en componentes como unidad primaria. Estos componentes se pueden escribir una sola vez, para posteriormente reutilizarlos. Esto, se realiza escribiendo componentes que posteriormente iremos reutilizando añadiéndolo dicho componente al DOM. Estos componentes podrían ser por ejemplo: un vídeo, un botón, una imagen barras de navegación, etc.
  • Respaldado por Facebook: el tener una gran compañía como Facebook detrás de esta tecnología siempre es y será un beneficio.
  • Entró en el mercado en el momento perfecto: Angular cambió de versión dejando de dar retrocompatibilidad a las versiones anteriores. Provocando un malestar en todos los desarrolladores que en muchas ocasiones se traducía en miedo a que se volviera a repetir esta situación y que decidieran buscar alternativas a Angular debido a la desafortunada decisión que tomó Angular y todo este malestar provocó que muchos programadores se cambiarán hacía React debido a que como hemos dicho en el punto anterior está respaldado por Facebook.
  • Single Page Application (SPA): el poder que nos otorga el poder trabajar sobre una única sola página. Nos da el añadido de no tener que estar recargando la página constantemente.
  • Similitudes con otros Frameworks como: Angular, Vue.JS, Meteor, etc. Por tanto, si aprendemos React, nos será “bastante sencillo” cambiar de un framework a otro ya que tendremos experiencia y tienen un comportamiento “similar”.

Bueno, ya hemos aterrizado en esta tecnología en próximas lecciones seguiremos adentrándonos un poquito más en esta librería. ¡Un saludo Reacter@s!

3 comentarios

  1. I enjoy what you guys are usually up too. Such clever work and reporting!
    Keep up the excellent works guys I’ve included you guys
    to my personal blogroll.

  2. Its such as you learn my thoughts! You seem to know a lot about this, such as
    you wrote the ebook in it or something. I feel that you simply can do with a few p.c.
    to power the message house a little bit, but
    instead of that, that is magnificent blog. A great read.
    I will definitely be back.

  3. If you desire to improve your knowledge only keep visiting this site and be updated with the
    hottest news posted here.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

La Ley 34/2002 nos obliga a avisarte de que usamos cookies propias y de terceros con objetivos estadísticos y de sesión y para mostrarte la 'publi' que nos da de comer. Tranquilo, este mensaje solo sale una vez. Más información

Java desde 0 comunica a los usuarios, a través de este aviso, que puede utilizar cookies cuando el usuario navega por las diferentes pantallas y páginas del sitio. Durante el uso de nuestra página Web usted acepta y autoriza expresamente el uso de cookies, de acuerdo con nuestra Política de Privacidad. Este sitio web utiliza las siguientes cookies propias: - Cookies de sesión, para garantizar que los usuarios que escriban comentarios en el blog sean humanos y no aplicaciones automatizadas. De esta forma se combate el spam. Este sitio web utiliza las siguientes cookies de terceros: - Google AdManager y AdSense: Utiliza cookies para mejorar la publicidad. Entre otros fines, suelen utilizarse para segmentarla según el contenido que sea relevante para los usuarios o su ubicación, mejorar los informes de rendimiento de las campañas y evitar mostrar anuncios que los usuarios ya hayan visto. Las cookies no contienen información personal identificable. Consulta cómo utiliza Google la información de sitios web o aplicaciones. y cómo bloquear determinados anuncios. - Google Analytics: Almacena cookies para poder elaborar estadísticas sobre el tráfico y volumen de visitas de esta web. Al utilizar este sitio web está consintiendo el tratamiento de información acerca de usted por Google. Por tanto, el ejercicio de cualquier derecho en este sentido deberá hacerlo comunicando directamente con Google. - Redes sociales: Cada red social utiliza sus propias cookies para que usted pueda pinchar en botones del tipo Me gusta o Compartir.

Cerrar