توسعه Dark Mode با استفاده از React Hooks
آذر 8, 1399
در این ویدیو آموزشی با استفاده از Custom Hookها در React توسعه Dark Mode را انجام میدهیم.
Hookها در به روز رسانی ۱۶٫۸ کتابخانه React ارایه شدند. با استفاده از این توابع Hook میتوانیم تمام فرآیندهایی که در کلاس کامپوننتها انجام میشدند را در فانکشنال کامپوننتها انجام دهیم.
از مفاهیم مهم در Hookها، توسعه Custom Hook میباشند. با استفاده از این نوع Hookها میتوانیم توابعی توسعه دهیم که به صورت داینامیک قابل استفاده مجدد هستند.
ویدیوی آموزشی: فرآیندهای Asynchronous در جاوااسکریپت
6 پاسخ به “توسعه Dark Mode با استفاده از React Hooks”
سلام عالی بود آقا مسعود
ممنون
سلام
ممنون از شما.
خیلی خوب توضیح دادید مفاهیم رو
تشکر از شما
سلام
ممنون از شما.
سلام
چگونه میتونید قبل از رندر شدن ، مقدار بک گراند را ست کنیم؟
چون وقتی که روی دارک مود قرار دادین و صفحه رو رفرش کردین خیلی سریع ابتدا صفحه سفید بود بعد که رندر شد به دارک تغییر کرد.
ممنون
سلام
زمانی که از useEffect استفاده میکنیم، تابع آرگومان useEffect دقیقا بعد از رندر کامپوننت اجرا میشه.
این موضوع برای مدیریت Side Effectها است.
لطفا هوک useLayoutEffect رو بررسی کنید.
https://reactjs.org/docs/hooks-reference.html#uselayouteffect