🎓 Join my learning platform for module based courses, learning exercises, and more: coderprep.com/
In this video I go over how to implement a system to handle React Notifications when using the Web Notifications API. We handle implementing the Notifications API, handling outdated browsers, and also handling all the different edge cases when working with users approving / disabling notifications. This project gets you started by creating a robust foundation for your React projects that need to use notifications.
Business inquiry? Email thecoopercodes@gmail.com
0:00 Project Demo
0:35 Chakra / React setup
2:05 notifyUser logic
5:50 Explaining 3 states of application
6:20 Creating rendering logic
8:20 Creating Chakra components / frontend
11:45 Creating async / await code
14:00 Creating permission granted logic (button for user to press!)
16:08 Outro
23 июл 2024