REACT DESDE CERO [TALLER - 1] - CONCEPTOS BÁSICOS Y PRIMERA APP
Primer taller de introducción a React desde cero. En esta serie de vídeos exploraremos todo el recorrido de 0 a 100 con esta librería 🎢.
Para leer el artículo correspondiente a este directo, entra en https://www.minicodelab.dev 🚀
Os esperamos en el siguiente directo MiniCoders!
Enlace al repositorio: https://github.com/MiniCodeLab/taller...
---
00:00 Introducción
0:50 Tenemos bot en Twitch 🤖
1:46 Librería vs Framework
5:08 Diferencias en arquitectura en React
10:06 Inmutabilidad y código declarativo
14:08 Flujo unidireccional de datos
17:12 React y JSX
20:35 Ciclo de vida de componentes
23:25 Componentes funcionales
27:40 Ejemplo de componente funcional
29:47 Usamos create-react-app
35:20 Revisando el proyecto inicial 🔥
35:50 Cuidado con eject ⚠️
36:50 Hot Module Replacement (HMR)
37:20 Carpeta Public
41:02 Entrypoint del proyecto en index.tsx
46:20 React DOM render
52:20 Importando CSS y CSS Modules
56:05 Mockeamos una respuesta de API
1:01:28 Diferencia entre usar Type o Interface
1:03:05 Renderizamos una lista de elementos
1:07:52 Acerca de las dudas en los talleres
1:09:30 Keys en listas de React 🔑
1:14:48 Hook useState - Almacenamos la respuesta de la API 🧙♂️
1:23:35 Como rerenderizar en React
1:25:55 Hook useEffect - Solicitar datos API tras montar el componente 🧙♂️
1:33:37 Añadimos imágenes a los personajes
1:35:25 Componetizamos y refactorizamos el código
1:36:45 Pasando props de componente padre a hijo
1:38:40 Compartimos types entre varios archivos
1:41:40 Reto para MiniCoders 🚀
---
Síguenos en:
Twitch: / minicodelab
Instagram: / minicodelab
Twitter: / minicodelab
Youtube: https://www.youtube.com/channel/UCN1S...
TikTok: / minicodelab
GitHub: https://github.com/MiniCodeLab
Linkedin: / minicodelab