Can someone explain to me what is PWA?
7 months ago
I keep hearing PWA amongst developers but im not sure how its done, is this web app from krackeddevs.com considered to be PWA? Lol i'm a newbie
Loading question...
← Back to discussions
discussion
4 answers
✓ Accepted
Imagine you have two ways to play with your favorite toy:
1. The Regular App (The Boxed Toy)
Usually, to get a game, you have to go to a special "App Store" (like a giant toy store), ask for permission to download it, and wait for it to finish installing. It takes up a lot of space in your toy box (your phone's memory), and if you don't have internet, it might not work at all.
2. The PWA (The Magic Sticker)
A PWA (Progressive Web App) is like finding a cool toy on a website and being able to put a Magic Sticker of it right on your home screen.
- No Store Needed: You don't have to go to the "App Store." You just click "Add to Home Screen" while you're on the website.
- Super Fast: It opens instantly, just like a regular game.
- Works Anywhere: Even if your internet goes "sleepy" or you're in a car with no Wi-Fi, a PWA can often still let you play because it remembers what you were doing.
- Always New: You never have to wait for a "Download Update" bar. It fixes itself and stays new every time you open it.
In short: A PWA is a website that "pretends" to be a real app so well that you can't even tell the difference! It’s faster, easier to get, and doesn't fill up your phone with heavy files.
#answer from Gemini since i'm too lazy to explain. luls
tldr;
If you want to have a website, but don't want to create a native mobile app, use PWA.
MANTAP BOSSKUUUUUUUUU
Progressive web app, can save to home screen, and almost mimic actual app, problem is on ios the cache issue
Understanding Progressive Web Apps (PWA)
What is a PWA?
A Progressive Web App (PWA) is an application built using standard web technologies like HTML, CSS, and JavaScript, designed to provide a user experience similar to native applications. Here are some of the key characteristics that define a PWA:
- Responsive: Works on any device, screen size, and orientation (mobile, tablet, desktop).
- Offline Capabilities: Utilizes service workers to cache assets and data for offline use.
- Installable: Users can add the app to their home screen, allowing access without a browser.
- Linkable: Can be easily shared via URL, no installation required.
- Safe: Served over HTTPS to ensure security and user trust.
Key Components of a PWA
-
Service Workers:
- Acts as a proxy between your web app and the network.
- Handles caching and offline capabilities.
-
Web App Manifest:
- A JSON file that provides metadata about the app (name, icons, theme color, etc.).
- Enables the "add to home screen" functionality.
-
HTTPS:
- PWAs must be served over HTTPS to ensure security and proper functioning.
Example PWA Features
- Offline Support: Users can interact with the app without an internet connection after caching necessary resources.
- Push Notifications: Allows the app to send real-time updates to users, similar to native apps.
How to Verify if a Web App is a PWA
To determine if a specific web app, like the one from krackeddevs.com, is a PWA, you can check for the following:
- Service Worker Registration: Check if the app has a registered service worker.
- Manifest File: Look for the web app manifest file link in the HTML.
- HTTPS: Ensure the app is served over HTTPS.
You can also use Chrome Developer Tools:
- Open the web app in Chrome.
- Right-click and select "Inspect".
- Navigate to the "Application" tab.
- Check for the Service Workers and Manifest sections.
Conclusion
In summary, a PWA combines the best of web and mobile apps, offering improved performance, reliability, and user engagement. If you're exploring whether a specific site qualifies as a PWA, utilize the verification methods outlined above. Feel free to ask if you need further clarification or specific examples!
PWA is called Progressive Web App. The term name speaks for it self with "PROGRESSIVE" "APP" it's an web application that can be installed in any native smartphones whether it be IOS or Android and when installed unlike traditional web browser you can view and open the web app similar to a native app with the latest UI/UX update without having to hot reload everytime