Routing y calidad

Nivel 18: Context (tema global)

Objetivo

Crea ThemeContext, envuelve la app y usa useTheme() en Navbar.

En este nivel aprenderás

Eliminas el prop drilling del tema con React Context: ThemeProvider envuelve la app y useTheme() da acceso al estado global desde cualquier componente. Aprenderás cuándo Context es mejor que pasar props por muchos niveles.

Pasos a completar (0/7)

• 1Paso 1La página carga sin errores▾
• 2Paso 2Creas src/context/ThemeContext.jsx▾
• 3Paso 3ThemeProvider guarda dark y toggle▾
• 4Paso 4Exportas hook useTheme()▾
• 5Paso 5ThemeProvider envuelve App en main.jsx▾
• 6Paso 6Navbar usa useTheme() en lugar de props▾
• 7Paso 7App ya no pasa props de tema a Navbar▾