Context API to Add Night Mode Feature
In this video I show you how to add night mode feature to your React application using context API. We use the context API to manage the state of the entire application so we solve prop-drilling. We also use react-icons package for the sun and moon packages. ---------- Link to Github repository ? https://github.com/iAthman83/youtube-night-mode ---------- React props ? https://youtu.be/2HSBhv4qJRs React context API ? https://youtu.be/icmP0hjE9Ew Routing with React ? https://youtu.be/q43ArGWLKbs ____ ☕️Buy me coffee ? https://www.buymeacoffee.com/iathman83 ---------- Follow on Twitter ?https://twitter.com/iathman83 Connect on LinkedIn ?https://www.linkedin.com/in/abubakar-athman/ ---------- Chapters 00:00 - introduction 01:44 - initial project overview 05:09 - toggle component design 17:47 - createContext to manage state 27:37 - implement context across the application 32:14 - implement night mode 41:45 - wrap up #react #nightmode #css #html #contextAPI
In this video I show you how to add night mode feature to your React application using context API. We use the context API to manage the state of the entire application so we solve prop-drilling. We also use react-icons package for the sun and moon packages. ---------- Link to Github repository ? https://github.com/iAthman83/youtube-night-mode ---------- React props ? https://youtu.be/2HSBhv4qJRs React context API ? https://youtu.be/icmP0hjE9Ew Routing with React ? https://youtu.be/q43ArGWLKbs ____ ☕️Buy me coffee ? https://www.buymeacoffee.com/iathman83 ---------- Follow on Twitter ?https://twitter.com/iathman83 Connect on LinkedIn ?https://www.linkedin.com/in/abubakar-athman/ ---------- Chapters 00:00 - introduction 01:44 - initial project overview 05:09 - toggle component design 17:47 - createContext to manage state 27:37 - implement context across the application 32:14 - implement night mode 41:45 - wrap up #react #nightmode #css #html #contextAPI