Aunque quizás ya conozca React, ya que últimamente ha sido una palabra de moda en la comunidad de los dev, se preguntará si debería tomarse el tiempo para aprenderla. Así que hoy les daré algunos antecedentes sobre React y un par de razones por las que deberían considerar agregarlo a su conjunto de habilidades.
Repensando las mejores prácticas
React es una biblioteca de JavaScript para construir interfaces de usuario, creada y de código abierto por Facebook. Fue lanzada por primera vez en 2013, y su eslogan original fue «Repensando las mejores prácticas». ¿Por qué? Porque los marcos de JavaScript más conocidos (es decir, Ember.js y AngularJS) en ese momento basaban su arquitectura en el patrón MVC, que se centra en gran medida en la separación de la lógica de la aplicación de la vista.
Pero el equipo detrás de Reactancia pensó que tenía una mejor idea. En lugar de separar completamente la lógica de la aplicación de la vista, acopló la lógica y la vista en un archivo usando algo llamado arquitectura basada en componentes, que permitía la composición de estos componentes.
La comunidad de programadores estaba inicialmente un poco confundida por este enfoque y no pareció aceptarlo. Ahora avanza rápidamente hasta el día de hoy: Tanto Ember como Angular, así como algunos nuevos frameworks y librerías de vistas, se han movido hacia una arquitectura basada en componentes – incluso acoplando parte de la lógica y el código de vista en el mismo archivo como React.
No mute – Ríndase en su lugar
Cuando empieces a escribir aplicaciones con React, te sorprenderá cómo simplifica el flujo de construcción de interfaces de usuario, gracias a los patrones declarativos inspirados en la biblioteca.
Por ejemplo, cuando se usan otras bibliotecas, ocultar y mostrar elementos en la pantalla suele parecerse un poco a esto:
En el recorte de arriba, estamos escuchando un evento de clic, y accedemos manualmente al DOM para ocultar o mostrar el elemento cuando el evento ocurre. Con React, sin embargo, podemos confiar en algo llamado el estado del componente para determinar cómo un componente debe rendir:
Entonces volveremos a procesar nuestro componente cada vez que haya un cambio de estado. (¿Ves lo que quiero decir con estilo declarativo?) Esto nos permite pensar sólo en el resultado final, que es cómo debería ser nuestro componente dado un cierto estado.
Con React, no tenemos que preocuparnos de manipular manualmente el DOM y de contabilizar todas las complejidades que vienen con eso a medida que nuestros elementos de UI se vuelven más complejos. En su lugar, le decimos a nuestros componentes cómo deben verse y dejamos que suceda.
Sólo el comienzo
Esto es sólo un resumen rápido de por qué puede querer aprender a reaccionar, y ni siquiera he mencionado cómo puede ayudarle a jugar con aplicaciones móviles nativas casi gratis. También está el hecho de que algunos grandes actores de la industria, incluso fuera de los reinos de la web y del móvil, están usando React para construir interfaces de usuario. Por ejemplo, las aplicaciones construidas para dispositivos de realidad virtual y televisores inteligentes se construyen con React pero se renderizan de forma nativa, lo que es genial para los desarrolladores y mantiene esas aplicaciones con un alto rendimiento.
Aunque es difícil mantenerse al día con cada nueva tecnología, hay algunas que se destacan entre el resto, como React. Definitivamente es un cambio de juego y siempre impactará en la forma en que escribimos aplicaciones para la web, el móvil y más allá.