PWA Push Notifications -- send notifications to Android, Windows, Linux & MacOS
The Other Floridaman
Join me as I create a way to easily display multiple types of notifications using react + redux + bootstrap. One of the many things I'll have to do to create my PWA Contents: 0:00 intro recap of part 1
3:27 notification type/ts/creator 5:32 update redux state with notification array for queue 7:00 notification types + notification component 7:50 update reducers to queue and dispose notifications 11:38 notification listener start part 2 18:31 create redux actions to update notifications state 23:50 building 26:10 add test button to add notification to queue 29:42 troubleshooting no notification displayed (forgot to add listener to app.tsx) 31:13 troubleshoot notifications not displaying correctly
node @12.16.1
package.json "dependencies": "bootstrap": "^4.5.3", "react": "^16.13.1", "react-bootstrap": "^1.3.0", "react-dom": "^16.13.1", "react-hook-form": "^6.9.2", "react-redux": "^7.2.2", "react-router-dom": "^5.2.0", "redux": "^4.0.5", "redux-thunk": "^2.3.0", "workbox-precaching": "^5.1.4", "workbox-routing": "^5.1.4", "workbox-strategies": "^5.1.4"
"devDependencies": "@babel/core": "^7.0.0-0", "@babel/plugin-transform-runtime": "^7.12.1", "@babel/preset-env": "^7.12.1", "@babel/preset-typescript": "^7.12.1", "@babel/runtime": "^7.12.1", "autoprefixer": "^10.0.1", "parcel": "^1.12.4", "postcss": "^8.1.4", "sass": "^1.27.0", "shelljs": "^0.8.4", "typescript": "^4.0.3", "upath": "^2.0.0"
91567929 Bytes