Nivel Básico
30 clases
5 horas de contenido
14 horas de práctica
¡Convierte tus diseños en HTML y CSS a componentes reutilizables en React.js! Configura tu entorno de desarrollo con Webpack y Babel. Define los componentes, contenedores, rutas, react hooks de tu proyecto. Despliega tu proyecto a producción con Netlify. Conviértete en React Developer profesional con tu profesor Oscar Barajas.
Configurando el entorno de desarrollo para React
Maquetación en React
Páginas, rutas y componentes
- 10
React Router DOM
13:07 min - 11
Navegación entre rutas
10:17 min - 12
Header en todas las rutas
08:04 min - 13
¿Qué es Atomic Design? Conoce los beneficios
09:39 min - 14
Solución al reto: componentes y rutas de React Shop
09:38 min - 15
Tipos de componentes en React: stateful vs. stateless
12:41 min - 16
Imágenes y alias en Webpack
14:17 min
Lógica con React Hooks
- 17
React.useState
09:09 min - 18
Toggle del menú
09:56 min - 19
useEffect y consumo de APIs
10:38 min - 20
Custom Hooks para la tienda
10:51 min - 21
useRef y formularios
13:43 min - 22
React Context
16:10 min - 23
Completando el carrito de compras
07:05 min - 24
Orden de compra
10:36 min - 25
Calculando el precio total
07:17 min - 26
Eliminando productos del carrito
08:22 min
Deploy
Próximos pasos
Profes del curso
Conoce quién enseña el curso
Oscar Barajas Tavares
Learning Engineer en Platzi
Learning Engineer en Platzi
Opiniones del curso
4.6 · 1150 opiniones
Andres Bermudez
@aarango09·
Bueno curso, corto y al grano
Santiago Lopera Naranjo
@santiago-lopera·
Un super curso, lo sigo tomando para no parar de actualizar mis conocimientos en React. El plus del deploy con dominio fue super. Oscar, sos un gran maestro!!
Jorge Alberto Barcos
@Jbarcos·
Oscar tiene una gran vocación por la educación y el contenido de este curso es perfecto
Luis Diego Flores Gonzalez
@ldiegoflores·
Aprender sobre Atomic design y como aplicarlo a los componentes de React.
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender