{"id":17514,"date":"2019-08-29T09:23:51","date_gmt":"2019-08-29T09:23:51","guid":{"rendered":"https:\/\/avengering.com\/?p=17514"},"modified":"2020-03-17T19:11:17","modified_gmt":"2020-03-17T18:11:17","slug":"what-are-pwa-frameworks","status":"publish","type":"post","link":"https:\/\/avengering.com\/en\/what-are-pwa-frameworks\/","title":{"rendered":"why use The PWA? what are PWA frameworks? part1"},"content":{"rendered":"

Preface<\/h2>\n

PWA issue is new and as of April 2018, the features and it’s very important to know what are PWA frameworks? \u00a0PWA frameworks are supported by Microsoft Edge, Google Chrome, Mozilla Firefox, and Apple Safari browsers, but more browsers may support the features needed in the future. So we need to know what are PWA frameworks? what is Progressive Web App (PWA) is a new class of Web Applications<\/a> that provide native app experiences using a browser.<\/p>\n

if you know what are PWA frameworks; all PWA’s functions are enabled even when the device is offline.PWAs are just web apps that have the look and feel of native apps they are responsive<\/strong>.why use The PWA? They don\u2019t need to be downloaded from an app store. why the PWA? PWAs are safe<\/strong>. They don\u2019t take up much space (unlike many native apps). why use The PWA? they\u2019re free to install on your phone, tablet or desktop<\/strong>.<\/p>\n

in this article, we want to describe the definition and characteristics and what are PWA frameworks?. Then in part2 of this article<\/a>, we develop this argument on famous WPA examples and advantages and disadvantages of PWA.<\/p>\n

What is PWA? (Progressive Web Application)<\/h2>\n

A Progressive Web App is known as an abbreviation PWA is a web application that uses modern web capabilities to deliver an app-like experience to users. These apps meet certain requirements, which are deployed to servers, accessible through URLs, and indexed by search engines.<\/p>\n

You can deploy your app as a PWA as well as a Native app. They are intended to work on any platform that uses a standards-compliant browser. PWA’s functionality includes working offline, push notifications, and device hardware access, enabling creating user experiences similar to native applications on mobile devices. There is no requirement for developers or users to install web apps via digital distribution systems like Apple App Store or Google Play.<\/p>\n

\"progressive<\/a><\/p>\n

The PWA characteristics<\/h3>\n

According to Google Developers<\/a>, the PWA should have the following characteristics:<\/p>\n

1-Progressive:<\/h4>\n

Works for every user, regardless of browser choice.<\/p>\n

2-Responsive:<\/h4>\n

Fits any form factors like desktop, mobile, tablet, or forms yet to emerge.<\/p>\n

3-Faster after initial loading:<\/h4>\n

After the initial loading has finished, the same content and page elements do not have to be re-downloaded each time, on progressive web applications, the elements do not need to be re-rendered again.<\/p>\n

4-Connectivity independent:<\/h4>\n

Service workers allow offline uses, or on low-quality networks.<\/p>\n

5-App-like:<\/h4>\n

Feels like an app to the user with app-style interactions and navigation.<\/p>\n

6-Fresh:<\/h4>\n

Always up-to-date due to the service worker update process.<\/p>\n

7-Safe:<\/h4>\n

Served via HTTPS to prevent snooping and ensure content hasn’t been tampered with.<\/p>\n

8-Discoverable:<\/h4>\n

Identifiable as an \u201capplication\u201d by manifest.json and service worker registration, and discoverable by search engines.<\/p>\n

9-Re-engageable:<\/h4>\n

Ability to use push notifications to maintain engagement with the user.<\/p>\n

10-Installable:<\/h4>\n

It provides home screen icons without the use of an App Store.<\/p>\n

11-Linkable:<\/h4>\n

It can easily be shared via a URL and does not require complex installation.<\/p>\n

PWA framework: what are PWA frameworks?<\/h3>\n

The rise of progressive web apps is tremendous. A PWA is a web application that feels like a native application to the user. By making your app a PWA, not only do you acquire new users, but you can also retain them for longer.<\/p>\n

\nhttps:\/\/avengering.com\/wp-content\/uploads\/2020\/03\/what-is-progressive-web-application.mp4<\/a><\/video><\/div>\n

The first step in building a progressive web app is to choose a core framework. There are many frameworks, and I encourage you to look at the choices, but we use React<\/a>, for two reasons:<\/p>\n

    \n
  1. It’s\u00a0managed and supported by Facebook, which uses the framework on its sites and thereby demonstrates that the framework is rigorously tested with\u00a01.18 billion users daily<\/a>.<\/li>\n
  2. React\u00a0is the foundation for\u00a0React Native<\/a>, which lets you easily port apps built with React to\u00a0native apps.<\/li>\n<\/ol>\n

    \"what<\/p>\n

    Ionic<\/h4>\n

    Ionic<\/a>\u00a0is one of the most popular frameworks for building a progressive web app. Let\u2019s look at a few reasons why you should choose Ionic as your PWA framework<\/p>\n