Toggle light and dark mode in react
پیاده سازی Dark Mode و Light Mode در React: قسمت سوم

تو این قسمت میخوایم تکنیک هایی که یاد گرفتیم رو وارد یه دنیای React کنیم.

⚠️ فراموش نکنید که بعد دیدن این قسمت سورس کد ریفکتور شده مطالعه کنید.

⚠️ (علاوه بر اون قابلیت ماندگاری تم انتخابی و Sync شدن تم بین تب های مختلف هم اضافه شده)

🎬 پیاده سازی تم تیره و روشن در React

  • Create a new React app

  • Code in React style

  • Toggle Color Scheme

  • prefers-color-scheme

  • ThemeProvider

  • SetThemeProvider

GitHub Repo

GitHub Repo (Refactored)

📖 مستندات

مشاهده