React46 / 78

Context untuk Theme, Auth, dan Bahasa

Context paling sering digunakan untuk data global aplikasi yang jarang berubah: status login (Auth), mode gelap (Theme), dan preferensi Bahasa (i18n).

👀 Contoh dulu

const { theme, toggleTheme } = useTheme();

Hasilnya: Akses dan manipulasi mode tema UI dari mana saja.

💡 Buat custom hook seperti useTheme() untuk mempermudah konsumsi ThemeContext.

📝 Sekarang giliranmu

Panggil custom hook useAuth() dan lakukan destructuring pada hasil objeknya untuk mendapatkan properti user serta fungsi logout.

Preview