In this video, I’ve Shown you how can you Make your own installable PWA with your existing react app without any major changes…
———————————————————————————-
???? IMPORTANT UPDATE:
If you’re not seeing the serviceWorker.js file in your CRA then apparently you are using CRA v4 and the CRA v4 has removed the service worker file and has made it opt in feature.
Use this command while installing the app “npx create-react-app my-app –template cra-template-pwa” and you’re good to go. Rest, everything in this video is still valid for making react-PWA
You can see here for more info : https://create-react-app.dev/docs/making-a-progressive-web-app
———————————————————————————-
Github Repo : https://github.com/MeRahulAhire/react-tel-input-tutorial
Live Demo: https://festive-beaver-e033bf.netlify.app
Checkout the other videos of DevTalks: https://www.youtube.com/playlist?list=PL83X-jRLQqGGOXn5eJU_JJTlXUyC3gXQB
Timeline
0:00 – Introduction
0:45 – Taking Inspiration from Twitter
1:32 – Requirements of PWA
2:29 – Getting Icons
3:25 – Changing favicon
4:30 – manifest.json and resizing image
9:00 – Re-editing manifest.json
10:32 – Activating Service-Worker
11:54 – Deployment on Netlify (HTTPS)
12:30 – Final result on Desktop
13:32 – Install our App on Mobile
14:32 – Give your feedback
14:46 – Subscribe, Like and Share this video
If you have any suggestions, Queries or any though just leave it in comment and I’ll be happy to get back to you
#React #PWA #ServiceWorker
FIND ME HERE:
facebook: https://facebook.com/MeRahulAhire
Instagram: https://instagram.com/merahulahire
Twitter: https://twitter.com/MeRahulAhire
LinkedIn: https://linkedin.com/in/merahulahire