Context و useContext
بخشی از دوره ریاکت
اپلیکیشن شما یک کلید حالت تاریک دارد. کلید در پنل تنظیمات نشسته، اما چیزی که باید از وضعیت آن خبر داشته باشد یک دکمه است هشت کامپوننت پایینتر، داخل یک جدول، داخل یک کارت، داخل یک صفحه. برای اینکه مقدار از این یکی به آن یکی برسد و راهش هم فقط پراپها باشد، تکتک کامپوننتهای میانی باید پراپی به نام theme بگیرند که خودشان هیچ استفادهای از آن ندارند و بیدرنگ به کامپوننت بعدی پاسش بدهند.
React برای همین یک راه گریز رسمی دارد و اسمش کانتکست (context) است: مقداری که در یک نقطه از درخت کامپوننتها منتشر میشود و هر کامپوننتی که زیر آن نقطه باشد میتواند مستقیم بخواندش، هر چقدر هم عمیق باشد، بدون اینکه کسی در میانهٔ راه آن را دستبهدست کند. تصویری که خوب جا میافتد پخش رادیویی است. یک ایستگاه روی یک فرکانس میفرستد و هر گیرندهای که در برد باشد مستقیم روی همان فرکانس تنظیم میشود.
میخواهی ریاکت Context و useContext را در یک محیط واقعی یاد بگیری؟
روی دکمه زیر بزن تا یک ماشین لینوکس با ریاکت آماده دریافت کنی و Context و useContext را بهصورت عملی با یک مربی هوشمند که کدت را میشناسد تمرین کنی.
شروع این درسContext و useContextچه چیزهایی یاد میگیری
- CreateContext
- Context.Provider
- UseContext
- When context is the right tool
- Context vs prop drilling tradeoffs