Lección 01. Introducción a React.js.
React es una biblioteca de JavaScript altamente eficiente y declarativa que se utiliza para crear interfaces de usuario interactivas.
React fue creado por el ingeniero de Facebook:
Jordan Walke.
Y se lanzó en mayo de 2013.
En los últimos años, ha superado a sus rivales y ha establecido firmemente su dominio.
React te ínsita a crear código declarativo (indicas el que, no el cómo) y orientado a componentes.
¿Por qué utilizar React.js?_
Existen varias ventajas por lo cual en nuestro proyecto deberíamos utilizar React.
Ventajas._
Alto rendimiento: React es conocido por su alta eficiencia y flexibilidad, Se puede integrar fácilmente con diferentes tecnologías. Se puede usar tanto para el lado del cliente como para el lado del servidor.
Recursos abundantes: Como Facebook la mantiene, existe una gran cantidad de documentación y recursos disponibles en la web que hace que la curva de aprendizaje sea muy fluida.
Compatibilidad con versiones anteriores: la transición o migración de versiones anteriores a nuevas es bastante fácil y retrocompatible.
Estructura de componentes fácil de mantener: La arquitectura basada en componentes de React ayuda a aumentar la reutilización de código y facilita bastante el mantenimiento de proyectos a gran escala.
Fuerte Comunidad: React tiene más de 1300 colaboradores en GitHub.
Documentación Multi idioma: Actualmente React tiene su documentación en diferentes idiomas entre ellos el español.
Flujo de datos unidireccional: El enlace de datos unidireccional y hacia abajo (de componentes padres a hijos), ayuda a garantizar que los cambios realizados en la estructura del componente hijo no afecten la estructura del componente padre.
Desventajas._
Así también, utilizar React puede tener también sus desventaja al utilizarse
Complejo: Muchos desarrolladores pueden encontrar en un inicio demasiado complejo, la curva de aprendizaje de React en comparación con otros frameworks como el caso de Vue. Dicha complejidad puede ser innecesaria para proyectos a pequeña escala.
JSX: El uso de JSX agrega otra capa de complejidad. JSX es un preprocesador que agrega extensión de sintaxis XML a JavaScript. Aunque JSX ayuda a codificar el código React de una manera más segura y rápida, puede ser difícil de comprender para los nuevos desarrolladores.
Necesidad de un ecosistema de muchas herramientas: React requiere una amplia gama de herramientas para funcionar correctamente y ser compatible con otras tecnologías.
Problemas de SEO: se sabe que las SPAs (Single Page Applications) creadas con React se enfrentan a problemas de indexación por parte de los rastreadores y bots de motores de búsqueda.
¿Quienes utilizan React.js?_
React es utilizado por grandes empresas como:
Netflix.
Yahoo.
Airbnb.
Instagram.
Facebook.
WhatsApp.
PayPal.
Microsoft.
BBC.
Aeroméxico.
etc.
Incluso grandes sitios de información y noticias que antes usaban WordPress se están migrando a sitios hechos con JAM stack y React como librería principal, tal es el caso de Smashing Magazine.