أهلاً بيك. بص على الثيم هنا: App ماسكه… وبيبعته لـ Toolbar… و Toolbar نفسه مش محتاجه، بس بيعدّيه للزراير. ده اسمه prop drilling. ومع كل مستوى زيادة، بيبقى أسوأ.
/index.html
context
  • const X = createContext(افتراضي)
  • <X.Provider value={…}> حوالين الشجرة
  • useContext(X) ← في أي مكوّن تحت
  • للحاجات العامة: الثيم، المستخدم، اللغة
  • مش بديل لكل الـ props