How to Implement Dark Mode in React Like a Pro

Publicado el: 29 diciembre 2023
en el canal de: Fullstack Simplified
2,722
79

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  


En esta página del sitio puede ver el video en línea How to Implement Dark Mode in React Like a Pro de Duración hora minuto segunda en buena calidad , que subió el usuario Fullstack Simplified 29 diciembre 2023, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 2,722 veces y le gustó 79 a los espectadores. Disfruta viendo!