How to Implement Dark Mode in React Like a Pro

Published: 29 December 2023
on channel: Fullstack Simplified

2,722

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

On this page of the site you can watch the video online How to Implement Dark Mode in React Like a Pro with a duration of hours minute second in good quality, which was uploaded by the user Fullstack Simplified 29 December 2023, share the link with friends and acquaintances, this video has already been watched 2,722 times on youtube and it was liked by 79 viewers. Enjoy your viewing!

284,507

3.9K