CURSO REACT.JS - Aprende desde cero

De qué trata

Curso de React desde cero de unas 2 h 24 min organizado en 25 capítulos. Empieza explicando qué es React, de dónde surge y por qué aprenderlo, y muestra cómo se crearía un botón sin React.

Después usa React sin dependencias, crea elementos, atributos y Fragment, y presenta JSX. A partir de 44:00 crea una primera aplicación, componentes y un proyecto práctico, y dedica un bloque largo a los estilos y a las props (booleanos, funciones, elementos, children, objetos). Termina con el arranque del tema State.

• Qué es React y por qué aprenderlo
• React sin dependencias y JSX desde cero
• Componentes y primer proyecto práctico
• Props: booleanos, funciones, children y objetos
• Estilos en React e inicio de State

Para quién es este curso

• Personas que ya conocen algo de JavaScript y quieren dar sus primeros pasos con React de forma guiada.
• Quien quiera entender qué problema resuelve React antes de usarlo, viendo un ejemplo sin la librería.
• Autodidactas que prefieren un curso en español con capítulos marcados para volver a temas concretos.

Qué sabrás hacer al terminar

• Entender qué es React y en qué contexto surgió.
• Crear elementos con React sin dependencias y escribir JSX.
• Crear una primera aplicación con React y dividirla en componentes.
• Reutilizar componentes pasando props de distintos tipos (booleanos, funciones, elementos, objetos y children).
• Aplicar estilos a componentes y distinguir entre elemento y componente.

Plan de estudio sugerido

2 semanas · unas 4 h por semana

1. 1.Sesión 1 (0:00-44:00): introducción, React sin dependencias y JSX; repite los ejemplos en tu editor.
2. 2.Sesión 2 (44:00-1:02:50): crea la primera aplicación, componentes y el proyecto práctico.
3. 3.Sesión 3 (1:02:50-1:26:50): estilos y props; practica cada tipo de prop.
4. 4.Sesión 4 (1:26:50-final): children, objetos como props y primer contacto con State; rehaz el proyecto por tu cuenta.

El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.

Consejos para seguirlo

• Escribe tú el código del botón sin React (18:50) para notar la diferencia con la versión con React.
• Consulta la documentación actual de React tras el capítulo del aviso (4:23).
• Dedica tiempo extra a los capítulos de props (1:09:29-1:34:00) creando tus propios componentes con cada tipo.
• Al terminar, amplía el proyecto práctico con un componente nuevo que reciba children.

Antes y después de este curso

• Antes de este cursoAprende JavaScript - Curso Completo Desde CeroRefuerza los fundamentos de JavaScript necesarios antes de empezar con React.
• Después de este cursoReact - Curso COMPLETO desde 0 🚀 Paso a paso y con ejemplos ⚛Curso de React más completo para continuar más allá de las props y el inicio de State.
• AlternativaAprende React ahora! curso completo para crear aplicacionesOtro curso completo de React en español.

Cómo lo presenta midulive

Curso de React desde cero. ¿Qué es? ¿Por qué deberías aprenderlo? ¿Cómo crear tu primera aplicación? Todo lo que necesitas saber para empezar lo tienes en este vídeo.

👨‍💻 Repositorio de código: 💬 ¿Dudas de React? Pregunta aquí:

Extracto de la descripción original en YouTube.

Preguntas frecuentes

Más cursos de Programación