React Course - 10 Hours (freeCodeCamp)

De qué trata

Curso de John Smilga (canal Coding Addict) publicado en freeCodeCamp que enseña los fundamentos de React en unas 10 horas. Según la descripción, cubre fundamentos, hooks, context API, react router y custom hooks, entre otros temas.

Comienza con la preparación del entorno: editor de texto, línea de comandos, NPM y Create-React-App. Después avanza por el primer componente, las reglas de JSX, CSS, props, listas, eventos e importaciones y exportaciones, con un pequeño proyecto de libros. A partir de las 3:28:22 entra en la parte avanzada con los hooks, empezando por useState con ejemplos de valores simples, arrays y objetos.

• Entorno, línea de comandos, NPM y Create-React-App
• JSX, componentes, props y children
• Listas, key prop y eventos
• Hooks: useState y reglas de los hooks
• Context API, react router y custom hooks (según descripción)

Para quién es este curso

• Personas que conocen lo básico de JavaScript y quieren aprender React desde sus fundamentos.
• Quienes prefieren un curso largo que incluya la preparación del entorno, la línea de comandos y NPM antes de entrar en React.
• Estudiantes que quieren practicar con un proyecto pequeño y luego pasar a hooks.

Qué sabrás hacer al terminar

• Configurar un entorno de desarrollo para React con Node, NPM y Create-React-App.
• Crear componentes con JSX y pasarles datos mediante props.
• Renderizar listas correctamente usando la key prop.
• Gestionar eventos y estado con useState en valores simples, arrays y objetos.
• Aplicar las reglas generales de los hooks.

Plan de estudio sugerido

4 semanas · unas 5 h por semana

1. 1.Semana 1: desde 0:00 hasta 1:34:50. Prepara el entorno y crea tus primeros componentes con JSX.
2. 2.Semana 2: desde 1:34:50 hasta 3:28:22. Practica props, listas, eventos e importaciones con pequeños ejemplos propios.
3. 3.Semana 3: desde 3:28:22 hasta aproximadamente la mitad de la parte avanzada. Practica useState con valores, arrays y objetos.
4. 4.Semana 4: completa el resto del curso (context API, react router, custom hooks según la descripción) y construye una app propia.

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 el código a la vez que el vídeo y pausa en cada capítulo para probar variaciones.
• Repasa el capítulo de reglas de los hooks (4:00:47) antes de seguir con más ejemplos de useState.
• Crea una app propia con props y listas antes de empezar la parte avanzada en 3:28:22.
• Si ya sabes usar la terminal y NPM, puedes saltar de 18:20 a 35:07 y ahorrar tiempo.
• Comprueba en la documentación oficial si Create-React-App sigue siendo la opción recomendada.

Antes y después de este curso

• Antes de este cursoAprende JavaScript - Curso Completo Desde CeroRefuerza JavaScript, base necesaria antes de trabajar con React.
• AlternativaReact - Curso COMPLETO desde 0 🚀 Paso a paso y con ejemplos ⚛Curso completo de React en español para principiantes.
• AlternativaCURSO REACT.JS - Aprende desde ceroOtra opción en español para aprender React desde cero.

Cómo lo presenta John Smilga

Learn the basics of React in this comprehensive course. You will learn about fundamentals, hooks, context API, react router, custom hooks, and more.

React is one of the most popular ways to build user interfaces using JavaScript.

✏️ Course from John Smilga of the Coding Addict channel. Check out his channel:

❤️ Try interactive React courses we love, right in your browser: (Made possible by a…

Extracto de la descripción original en YouTube.

Preguntas frecuentes

Más cursos de Programación