The Easiest way to convert your React App into React-PWA

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

#react #serviceworker #pwa

The Easiest way to convert your React App into React-PWA