La web tradicionalmente se ha construido en HTML, JavaScript y CSS, separados en distintas carpetas. Eso hace que sea complicado escalar y extraer ciertas partes del código (especialmente JS y CSS) para migrar o reutilizar funcionalidades debido a las dependencias entre estos lenguajes.
¿Pero que sucedería si metiéramos todo esto en un solo paquete? Esto es lo que debieron preguntarse los ingenieros de Facebook y propició que a mediados de 2013 se lanzara la primera versión de la ya famosa librería.
React está basado en un paradigma llamado programación orientada a componentes en el que cada componente es una pieza con la que el usuario puede interactuar. Estas piezas se crean usando una sintaxis llamada JSX permitiendo escribir HTML (y opcionalmente CSS) dentro de objetos JavaScript.
Estos componentes son reutilizables y se combinan para crear componentes mayores hasta configurar una web completa.
Esta es la forma de tener HTML con toda la funcionalidad de JavaScript y el estilo gráfico de CSS centralizado y listo para ser abstraído y usado en cualquier otro proyecto.
01 – Curso de ReactJS, Introducción
02 – Curso de ReactJS, Herramientas
03 – Curso de ReactJS, La Documentación Oficial
04 – Curso de ReactJS, CreateReactApp
05 – Curso de ReactJS, ReactDOM
06 – Curso de ReactJS, JSX
07 – Curso de ReactJS, Repositorio del Proyecto
08 – Curso de ReactJS, ¿Qué es un componente?
09 – Curso de ReactJS, Mi primer componente
10 – Curso de ReactJS, Agregando CSS a componentes
11 – Curso de ReactJS, Las Props
12 – Curso de ReactJS, El State
13 – Curso de ReactJS, Ciclo de vida
14 – Curso de ReactJS, Componentes Funcionales
15 – Curso de ReactJS, Primer Página
16 – Curso de ReactJS, Listando Componentes
17 – Curso de ReactJS, ReactRouter
18 – Curso de ReactJS, Enrutado Dinamico de Componentes
19 – Curso de ReactJS, ES7 & Babel
20 – Curso de ReactJS, Events
21 – Curso de ReactJS, Componentes Controlados
22 – Curso de ReactJS, Lifting State Up
23 – Curso de ReactJS, FitnessAPI
24 – Curso de ReactJS, Express
25 – Curso de ReactJS, Solicitando datos al API
26 – Curso de ReactJS, Mejorando la UX
27 – Curso de ReactJS, Enviando datos al API
28 – Curso de ReactJS, Estado después de POST
29 – Curso de ReactJS, Fragments
30 – Curso de ReactJS, Presentational & Container Components