Fundamentos

Nivel 6: Componentizar

Objetivo

Separa Hero, Navbar y About en archivos dentro de src/components/.

En este nivel aprenderás

Das el salto clave de React: separar la UI en componentes reutilizables (Hero, Navbar, About) en archivos propios e importarlos en App.jsx. Aprenderás export default, imports relativos y por qué dividir el código facilita el mantenimiento del portfolio.

Pasos a completar (0/8)

• 1Paso 1La página carga sin errores▾
• 2Paso 2Existe src/components/Hero.jsx▾
• 3Paso 3App.jsx importa Hero▾
• 4Paso 4Existe src/components/Navbar.jsx▾
• 5Paso 5App.jsx importa Navbar▾
• 6Paso 6Existe src/components/About.jsx▾
• 7Paso 7App.jsx importa About▾
• 8Paso 8La página sigue mostrando Hello World▾