🔗 React Context

useContext
Global State Management

🌐 Khám phá useContext - Giải pháp hoàn hảo để chia sẻ dữ liệu giữa các components mà không cần prop drilling, quản lý state toàn cục một cách hiệu quả

Từ Context cơ bản đến Advanced Patterns với TypeScript
🔗

useContext là gì?

Hook để truy cập Context trong React

useContext là một Hook cho phép bạn đọc và subscribe tới context từ component. Context giúp bạn truyền dữ liệu qua component tree mà không cần phải pass props xuống từng level.

❌ Vấn đề Prop Drilling

  • 📤Pass props qua nhiều levels
  • 🔄Components trung gian không dùng data
  • 😵Code khó maintain và refactor

✅ Context giải quyết

  • 🎯Truy cập trực tiếp từ bất kỳ component nào
  • 🏗️Tách biệt logic và presentation
  • ⚡Performance tối ưu với memo
useContext-basic.tsxtsx