Turn your react + vite app into a PWA Jyothikrishna on February 23, 2023 Introduction A Progressive Web Application (PWA) is a web application that has a native app-like experience. PWAs are designed to be fas... Read full post Collapse Expand Orel Orel Orel Follow Joined Sep 14, 2023 • Nov 3 '23 Dropdown menu Copy link Hide Thanks for the article, it helped a lot! I was wondering why would you install the workbox-window as a part of the tutorial as it seems that it's not being used anywhere, is there a specific reason to do so? Collapse Expand Jyothikrishna Jyothikrishna Jyothikrishna Follow React + Tailwind dev PWA enthusiast Part time blogger Email bhendiisgreen@gmail.com Location Chennai, India Education IIITDM, Kancheepuram Pronouns He / him Joined Jul 25, 2022 • Nov 23 '23 Dropdown menu Copy link Hide Back then the vite pwa docs recommended we install workbox. So I did. Collapse Expand Temitayo Temitayo Temitayo Follow front-end web developer Location Lagos, Nigeria Joined Mar 8, 2020 • Dec 10 '23 Dropdown menu Copy link Hide Workbox is google's library that makes working with service workers easy. Collapse Expand Jeet Viramgama Jeet Viramgama Jeet Viramgama Follow Joined Jun 7, 2023 • Jun 7 '23 Dropdown menu Copy link Hide if possible, could you please share the github repo for this tutorial? Collapse Expand Jyothikrishna Jyothikrishna Jyothikrishna Follow React + Tailwind dev PWA enthusiast Part time blogger Email bhendiisgreen@gmail.com Location Chennai, India Education IIITDM, Kancheepuram Pronouns He / him Joined Jul 25, 2022 • Jun 7 '23 Dropdown menu Copy link Hide Here is the GitHub repo link github.com/bhendi-boi/WeatherUps Hope this helps Collapse Expand Jeet Viramgama Jeet Viramgama Jeet Viramgama Follow Joined Jun 7, 2023 • Jun 7 '23 Dropdown menu Copy link Hide thanks, appreciate it. Collapse Expand loginVeb@yandex.ru loginVeb@yandex.ru loginVeb@yandex.ru Follow Study veb frondend Joined Aug 11, 2023 • Aug 11 '23 Dropdown menu Copy link Hide Hello, a good example of pwa, I would like the same template on github, only in JavaScript without ts Collapse Expand German Gonzalo Saracca German Gonzalo Saracca German Gonzalo Saracca Follow Creative frontend developer from Argentina. 🔵⚪🔵 CSS / SCSS fan. Work Frontend development. Joined Oct 5, 2022 • Oct 30 '23 Dropdown menu Copy link Hide This article is awesome! Many thanks! And also the pwa-asset-generator works like a charm! Collapse Expand Jyothikrishna Jyothikrishna Jyothikrishna Follow React + Tailwind dev PWA enthusiast Part time blogger Email bhendiisgreen@gmail.com Location Chennai, India Education IIITDM, Kancheepuram Pronouns He / him Joined Jul 25, 2022 • Nov 2 '23 Dropdown menu Copy link Hide 🙌 Collapse Expand Jothy Krishnan M C Jothy Krishnan M C Jothy Krishnan M C Follow Joined Aug 7, 2024 • Aug 7 '24 Dropdown menu Copy link Hide hi I need a guidance in my pwa application Collapse Expand Jyothikrishna Jyothikrishna Jyothikrishna Follow React + Tailwind dev PWA enthusiast Part time blogger Email bhendiisgreen@gmail.com Location Chennai, India Education IIITDM, Kancheepuram Pronouns He / him Joined Jul 25, 2022 • Aug 9 '24 Dropdown menu Copy link Hide Ok. Are you facing any issues? Collapse Expand Jothy Krishnan M C Jothy Krishnan M C Jothy Krishnan M C Follow Joined Aug 7, 2024 • Aug 9 '24 Dropdown menu Copy link Hide yes, for my pwa application when I reload the page or goin to the new route the application not act like offline application Collapse Expand loginVeb@yandex.ru loginVeb@yandex.ru loginVeb@yandex.ru Follow Study veb frondend Joined Aug 11, 2023 • Aug 11 '23 Dropdown menu Copy link Hide Hello, a good example of pwa, I would like the same template on github, only in JavaScript without ts Collapse Expand Jyothikrishna Jyothikrishna Jyothikrishna Follow React + Tailwind dev PWA enthusiast Part time blogger Email bhendiisgreen@gmail.com Location Chennai, India Education IIITDM, Kancheepuram Pronouns He / him Joined Jul 25, 2022 • Aug 12 '23 • Edited on Aug 12 • Edited Dropdown menu Copy link Hide Just remove : Partial <VitePWAOptions> and you are good to go Collapse Expand juanvillans juanvillans juanvillans Follow Joined Nov 22, 2023 • Nov 22 '23 Dropdown menu Copy link Hide wao thanks, but what can I do to show something when it is offline ( like data from local, cache or some)?? Collapse Expand Jyothikrishna Jyothikrishna Jyothikrishna Follow React + Tailwind dev PWA enthusiast Part time blogger Email bhendiisgreen@gmail.com Location Chennai, India Education IIITDM, Kancheepuram Pronouns He / him Joined Jul 25, 2022 • Nov 23 '23 Dropdown menu Copy link Hide You can sync the latest data to local storage everytime you make a fetch request and you can show that when it's offline. Collapse Expand Santhosh20112003 Santhosh20112003 Santhosh20112003 Follow Joined Sep 26, 2022 • Mar 30 Dropdown menu Copy link Hide i need assistance i want to implement pwa in react vite its working in local but after deployment it is not showing Collapse Expand Jyothikrishna Jyothikrishna Jyothikrishna Follow React + Tailwind dev PWA enthusiast Part time blogger Email bhendiisgreen@gmail.com Location Chennai, India Education IIITDM, Kancheepuram Pronouns He / him Joined Jul 25, 2022 • Mar 31 Dropdown menu Copy link Hide Could you please share the url ? Code of Conduct • Report abuse For further actions, you may consider blocking this person and/or reporting abuse
Thanks for the article, it helped a lot! I was wondering why would you install the workbox-window as a part of the tutorial as it seems that it's not being used anywhere, is there a specific reason to do so?
Back then the vite pwa docs recommended we install workbox. So I did.
Workbox is google's library that makes working with service workers easy.
if possible, could you please share the github repo for this tutorial?
Here is the GitHub repo link
github.com/bhendi-boi/WeatherUps
Hope this helps
thanks, appreciate it.
Hello, a good example of pwa, I would like the same template on github, only in JavaScript without ts
This article is awesome! Many thanks! And also the pwa-asset-generator works like a charm!
🙌
hi I need a guidance in my pwa application
Ok. Are you facing any issues?
yes, for my pwa application when I reload the page or goin to the new route the application not act like offline application
Hello, a good example of pwa, I would like the same template on github, only in JavaScript without ts
Just remove
: Partial <VitePWAOptions>and you are good to gowao thanks, but what can I do to show something when it is offline ( like data from local, cache or some)??
You can sync the latest data to local storage everytime you make a fetch request and you can show that when it's offline.
i need assistance i want to implement pwa in react vite its working in local but after deployment it is not showing
Could you please share the url ?