DEV Community

Cover image for How to get started with Progressive Web Apps.

How to get started with Progressive Web Apps.

Michellebuchiokonicha on January 12, 2024

What is a Progressive Web App (PWA)? PWA is a progressive web app and it combines the features of an app with the technology of the web....
Collapse
 
manchicken profile image
Mike Stemle

This is, hands-down, one of the most incredible introductory write-ups I have ever seen.

You cover what a PWA is, you briefly touch on comparisons to other approach, you discuss what the basics of the tech stack here are, and most of all you help the reader understand why they should want to explore the idea further.

This article is very well done.

Collapse
 
michellebuchiokonicha profile image
Michellebuchiokonicha

Thank you so much.
There would be more on PWA subsequently.

Collapse
 
manchicken profile image
Mike Stemle

I can't wait to read it.

Thread Thread
 
michellebuchiokonicha profile image
Michellebuchiokonicha

great

Collapse
 
nigel447 profile image
nigel447

Good arguments for PWA here, the big drawback here is users trust apps from the big stores like Goog Play and Apple, seems things are improving for PWA here with some tools to help like Bubblewrap, I am not sure what limitations you run into using these tools.

Collapse
 
michellebuchiokonicha profile image
Michellebuchiokonicha

So progressive web apps are progressive. This means there are always improvements to make it more user-friendly and mobile-like.
Yes, you can host your PWA on the Google store and Apple store.
A lot of limitations that were previously available for PWAs are becoming improvements.

I also know in a few years, more APIs, and advancements would come up to further enhance PWA.
You can also convert your PWA to various APKs with no effects.

Collapse
 
rkj180220 profile image
Ramkumar Jayakumar

What are some popular frameworks or tools for building PWAs using JavaScript?
Are there specific considerations for choosing a framework or tool when developing PWAs?

Collapse
 
michellebuchiokonicha profile image
Michellebuchiokonicha

Angular, react, vue.
These are a few frameworks you can make use of while building PWAs.
Yes, one of the requirements of a PWA is the application shell architecture.
these standards ensure that your PWA is well structured for better loading time and user experience.
It also helps you structure your PWA project properly.

Collapse
 
cmacu profile image
Stasi Vladimirov

Quasar

Collapse
 
vivienne-m profile image
Vivienne Medrano

Your guide on how to get started with progressive web apps was really helpful, especially your explanation of what is a PWA. It's great to see practical steps laid out clearly for beginners looking to dive into this technology.

Collapse
 
michellebuchiokonicha profile image
Michellebuchiokonicha

I am glad you got value for this and thank you for sharing.

Collapse
 
dhirajpatra profile image
Dhiraj Patra

Very nice

Collapse
 
michellebuchiokonicha profile image
Michellebuchiokonicha

thank you .

Collapse
 
host510 profile image
Mikhail • Edited

Since I built my first PWA I have always been bewildered why PWAs have so little popularity. May be your post will promote this technique. Thank you.

Collapse
 
michellebuchiokonicha profile image
Michellebuchiokonicha

I am hopeful as well. Thank you.

Collapse
 
bharathkumar profile image
Bharath Kumar

i was learning react js for pwa and this article pushed me more.Great one so far !!

Collapse
 
michellebuchiokonicha profile image
Michellebuchiokonicha

Amazing. I am glad to learn you'd build further.

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
mrjon24 profile image
Info Comment hidden by post author - thread only accessible via permalink
mr jon

Some comments have been hidden by the post's author - find out more