Тёмный

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

Cooper Codes
Подписаться 12 тыс.
Просмотров 13 тыс.
50% 1

🎓 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

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 10   
@codycalvert2116
@codycalvert2116 Год назад
Hey man absolutely great tutorial, very instructive, very clear and to the point, easy to listen to. 100% will recommend your channel to others. just wanted to say great job!!
@CooperCodes
@CooperCodes Год назад
Thanks so much for the comment! Glad it was helpful :)
@dicksoneneh
@dicksoneneh Год назад
awesome i am sharing with my team and coursemates we would appreciate if you go on with the live push notifications Great job again
@CooperCodes
@CooperCodes Год назад
Thanks so much for the comment, glad this was helpful for you. I will be creating a push notifications video using Apollo Server subscriptions in the near future :)
@SportSyncPulse
@SportSyncPulse 11 месяцев назад
hey brother did you make a video for live push notifications ?
@wyzux_
@wyzux_ 9 месяцев назад
How can we set an icon and title too tho?
@HetalVesuwala
@HetalVesuwala Год назад
this is best way to set browser notifications without any third-party library.
@CooperCodes
@CooperCodes Год назад
Agreed! Thanks for the comment :)
@hedgehogz
@hedgehogz 3 месяца назад
Great Video! Is this code anywhere on your Github repo? I couldn't find it.
@dhamithkumara6452
@dhamithkumara6452 3 месяца назад
Далее
Why Signals Are Better Than React Hooks
16:30
Просмотров 464 тыс.
Push Notifications with Service worker
14:15
Просмотров 28 тыс.
МЕГА ФОКУС С КАЛЬКУЛЯТОРОМ
00:33
This React Drag and Drop Component Is Magic
9:56
Просмотров 81 тыс.
Radix UI Overview
8:03
Просмотров 33 тыс.
What happened to Bluelearn? Final Thoughts
9:04
Просмотров 76 тыс.
How To Send Push Notifications With JavaScript
11:38
Просмотров 332 тыс.
Speed Up Your React Apps With Code Splitting
16:50
Просмотров 374 тыс.
Телефон-електрошокер
0:43
Просмотров 1,3 млн