Entorno en el que se ejecuta un bloque de código, que define qué variables y funciones están disponibles.
En JavaScript, el contexto determina el valor de "this". En React, Context API permite compartir datos sin prop drilling.
// Contexto en JavaScript (this) const objeto = { nombre: 'Juan', saludar() { console.log(`Hola, soy ${this.nombre}`); } }; objeto.saludar(); // "Hola, soy Juan" // React Context API import { createContext, useContext, useState } from 'react'; // Crear contexto const AuthContext = createContext(null); // Provider export function AuthProvider({ children }) { const [user, setUser] = useState(null); return ( <AuthContext.Provider value={{ user, setUser }}> {children} </AuthContext.Provider> ); } // Consumir contexto function Header() { const { user } = useContext(AuthContext); return <p>Hola, {user?.nombre}</p>; }
