How to Implement Dark Mode in React Like a Pro
This video is all about how to use implement dark mode based on user as well system preferences in a React web app using material-ui 5, typescript, following best practices and industry standard coding patterns.
📚 Materials/References:
React Context Tutorial: • React Context API | Manage Global State
React useRef Tutorial: • React useRef and forwardRef in depth
Material UI: https://mui.com/material-ui/getting-s...
Material UI Dark Mode: https://mui.com/material-ui/customiza...
Vite: https://vitejs.dev
💻 Topics Covered:
Vite + React setup via CLI
Setting up Material UI
Creating custom themes
React Context
React Ref
🌎 Find Me Here:
My Website: https://prasoon.me
LinkedIn: / prosoon-goswami
Twitter: / prasoongoswami4
GitHub: https://github.com/FullstackSimplified
Instagram: / fullstack_simplified