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

---

31 – Curso de ReactJS, Hooks

---

32 – Curso de ReactJS, State Hook

---

33 – Curso de ReactJS, Effect Hook

---

34 – Curso de ReactJS, Custom Hook

---

35 – Curso de ReactJS, Ultimos Ajustes

---

36 – Curso de ReactJS, Firebase Hosting

---

37 – Curso de ReactJS, Deploy

---

38 – Curso de ReactJS, Despedida

---