Curso completo de React.js desde 0 con hooks

El día de hoy vamos a pasar un sitio en vanilla HTML, CSS y JS (https://youtu.be/ScSHSI7TzRw) a React.js.

Repositorio con el código final del proyecto 👉 https://github.com/LeonidasEsteban/react-js-live-code-course deja tu ⭐️
¿Quieres que sea tu mentor? 👉 https://www.patreon.com/LeonidasEsteban

Temario del Curso 🤩
00:00
00:01:51 👉🏻 Presentación del proyecto.
00:03:07 👉🏻 ¿Qué es React?.
00:03:22 👉🏻 ¿Porque React?.
00:04:38 👉🏻 React es declarativo.
00:06:18 👉🏻 Basado en componentes.
00:08:15 👉🏻 Aprende una vez y escríbelo donde sea.
00:10:50 👉🏻 create-react-app.
00:14:00 👉🏻 Diferencia entre npx y npm.
00:17:40 👉🏻 Hola Mundo en React.
00:22:20 👉🏻 ¿Cómo funciona un componente?.
00:24:40 👉🏻 Pasando nuestro Header a un componente.
00:27:45 👉🏻 Custom Properties.
00:32:30 👉🏻 Creando tu primer componente desde 0.
00:36:00 👉🏻 Importa tu primer componente.
00:37:35 👉🏻 ¿Clases o React Hooks? Clases o funciones!.
00:39:25 👉🏻 Creación del segundo componente.
00:43:15 👉🏻 Fragment.
00:47:35 👉🏻 ¿Cómo hacer render de varios de componentes?.
00:49:48 👉🏻 ¿Una sola hoja de estilos o módulos?.
00:50:20 👉🏻 Modularizado de los estilos.
00:54:28 👉🏻 ¿Que va en globals y que en componentes?.
00:57:48 👉🏻 Preguntas del Live .
01:00:00 👉🏻 Creando componentes más granulares.
01:07:00 👉🏻 Creando componente Card.
01:11:38 👉🏻 Cómo reutilizar Card.
01:13:30 👉🏻 Pasandole propiedades a un componente.
01:17:00 👉🏻 Creando data dentro del componente.
01:18:40 👉🏻 Pasarle propiedades a el componente.
01:22:40 👉🏻 Utilizando key en React.
01:24:19 👉🏻 Desestructurar objetos.
01:31:20 👉🏻 Spread Operator .
01:35:30 👉🏻 Añadiendo media queries a globals.
01:36:40 👉🏻 Haciendo una clase calculada.
01:41:00 - 1:46:45 👉🏻 Break.
01:46:50 👉🏻 Terminando de pasar html a componentes.
01:48:00 👉🏻 Creando componente Overview.
01:50:00 👉🏻 Otra forma de exportar tus componentes.
01:50:15 👉🏻 Creando componente CardSmall.
01:51:20 👉🏻 Camel Case.
01:55:30 👉🏻 Creando data del componente Overview.
01:58:30 👉🏻 Iterando el componente Overview.
02:02:30 👉🏻 Modularizado de CSS.
02:06:00 👉🏻 Cómo pasar hijos a un componente.
02:08:50-2:44:50 👉🏻 Break .
02:46:45 👉🏻 Comenzando con Eventos y React Hooks.
02:53:00 👉🏻 Añadiendo useRef hook .
03:05:00 👉🏻 Añadiendo useEffect hook.
03:11:00 👉🏻 Añadimos useState hook.
03:18:00 👉🏻 Escuchando eventos con useEffect hook.
03:24:00 👉🏻 Refactor a los hooks para el dark mode y light mode.
03:45:00 👉🏻 Refactor al CSS.

Видео Curso completo de React.js desde 0 con hooks канала Leonidas Esteban