در جلسات قبل با hook های useReducer و useEffect و useCallback و useState آشنا شدیم و به قدرت آن ها پی بردیم. امروز نوبت به یکی دیگر از hook های مهم react می رسد: useContext (یک API به نام Context). اگر دقت کرده باشید تا به حال از فایل Auth.js استفاده نکرده ایم. این فایل فقط دارای یک دکمه ی Login است اما فرمی برای Login ندارد. من می خواهم اگر کاربر login نشده بود این صفحه را به او نشان دهم و اگر login شده بود صفحه ی ingredients را ببیند. در حال حاضر فایل App.js همیشه صفحه ی ingredients را برمی گرداند:
پنل نویسندگان