Create React Notifications With the Web Notifications API (In 15 Minutes)

Описание

Enjoying my videos? Sign up for more content here: https://www.coopercodes.com/
? Join codeLetter by Cooper Codes, the 3 minute tech newsletter: https://thecodeletter.com
Interested in a 1:1 mentorship with me? Jumpstart your career at https://www.rebrand.ly/coopercodesmentoring

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