Use a Progressive Web App implemented with React JS to enhance the experience of your mobile users.

muthukumarnm

BAAP Mobile Version

The BAAP Mobile Version is a complete toolkit to help mobilize your WordPress site. It has a mobile switcher, themes, widgets, and mobile admin panel.

cborodescu

anghelalexandra

Progressive Web Apps are user experiences that have the reach of the web, and are:
<ul>
<li>Reliable – Load instantly even in uncertain network conditions.</li>
<li>Fast – Respond quickly to user interactions with silky smooth animations and no janky scrolling.</li>
<li>Engaging – Feel like a natural app on the device, with an immersive user experience.</li>
</ul>
This new level of quality allows Progressive Web Apps to earn a place on the user’s home screen. More details about PWAs here: <a href="https://developers.google.com/web/progressive-web-apps/" rel="nofollow ugc">https://developers.google.com/web/progressive-web-apps/</a>
The WordPress Progressive Web Apps plugin helps bloggers, publishers and other content creators to go beyond responsive web design and ‘appify’ their existing mobile presence. Progressive Web Apps is supported on: iOS & Android. Compatible browsers: Safari, Google Chrome, Android – Native Browser. The plugin has been tested on WordPress 4.8 and later, we recommend using the latest WordPress version.
The WordPress Progressive Web Apps plugin includes one FREE mobile PWA (MOSAIC) which is customizable (colors, fonts, appearance) via the WordPress admin area. The tech stack we used in building this Progressive Web App includes:
<ul>
<li>React JS</li>
<li>Semantic UI for UI components</li>
<li>Redux for app state management</li>
<li>SASS</li>
<li>Webpack (Create React App boilerplate)</li>
<li>Babel</li>
<li>Jest & Sinon for unit tests</li>
</ul>
The MOSAIC PWA (available for FREE) is built with React JS. Most of the premium mobile progressive web apps available at <a href="https://pwathemes.com/progressive-web-app-themes.html" rel="nofollow ugc">PWAThemes.com/progressive-web-app-themes.html</a> are built using Angular/Ionic 1 or React. Each PWA comes with a “production” version, which in essence is the bundled/packaged/minified collection of all the necessary JS and CSS files for the PWA to run correctly.
Each of our progressive web apps are tested with Karma, Jasmine and Protractor (Angular) or Jest (React). We have an average of 70-80% code coverage and we’re working on improving this rate. While we do our best to catch any bugs out there, we are aware that some of them might escape us. Please reach out if you happen to come across a nasty one 😊.
The FREE PWA MOSAIC available in the WordPress Progressive Web Apps plugin is the window-display of themes. You can instantly see several categories and choose which ones are of interest and focus on those. Depending on the number of displayed categories, the boxes will resize to fit all available space. It’s great for publishers that have posts spanning several categories and need a way to visually structure their content.
It comes with support for:
<ul>
<li>Multi-image mosaic on cover page</li>
<li>Pages & sub-pages menu</li>
<li>Side-to-side navigation with lateral swiping through categories</li>
<li>Maximum 2 articles per card</li>
</ul>
There are dozens of mobile progressive web apps available in the PRO version: <a href="https://pwathemes.com/progressive-web-app-themes/base.html" rel="nofollow ugc">BASE</a>, <a href="https://pwathemes.com/progressive-web-app-themes/obliq.html" rel="nofollow ugc">OBLIQ</a>, <a href="https://pwathemes.com/progressive-web-app-themes/elevate.html" rel="nofollow ugc">ELEVATE</a>, <a href="https://pwathemes.com/progressive-web-app-themes/folio.html" rel="nofollow ugc">FOLIO</a>, <a href="https://pwathemes.com/progressive-web-app-themes/invision.html" rel="nofollow ugc">INVISION</a>, <a href="https://pwathemes.com/progressive-web-app-themes/popsicle.html" rel="nofollow ugc">POPSICLE</a>, <a href="https://pwathemes.com/progressive-web-app-themes/pulse.html" rel="nofollow ugc">PULSE</a>, <a href="https://pwathemes.com/progressive-web-app-themes/ghost.html" rel="nofollow ugc">GHOST</a>, <a href="https://pwathemes.com/progressive-web-app-themes/phantom.html" rel="nofollow ugc">PHANTOM</a>, <a href="https://pwathemes.com/progressive-web-app-themes/lucid.html" rel="nofollow ugc">LUCID</a>, <a href="https://pwathemes.com/progressive-web-app-themes/extrude.html" rel="nofollow ugc">EXTRUDE</a>, <a href="https://pwathemes.com/progressive-web-app-themes/vedi.html" rel="nofollow ugc">VEDI</a>, <a href="https://pwathemes.com/progressive-web-app-themes/blend.html" rel="nofollow ugc">BLEND</a>, <a href="https://pwathemes.com/progressive-web-app-themes/pure.html" rel="nofollow ugc">PURE</a>, <a href="https://pwathemes.com/progressive-web-app-themes/future.html" rel="nofollow ugc">FUTURE</a> & <a href="https://pwathemes.com/progressive-web-app-themes/palm.html" rel="nofollow ugc">PALM</a>.
Additional key features available in PRO:
<ul>
<li>
Rich UI/UX 
Your users can have a cozy browsing experience on their favorite mobile device without having to go to an App Store and install anything.
</li>
<li>
Monetization 
Take full control of your income by easily connecting the plugin with your Google DoubleClick for Publishers account.
</li>
<li>
Translations 
The plugin will automatically translate your mobile web app in one of the supported languages: Chinese (zh_CN), Dutch, English, French, German, Hungarian, Italian, Polish, Portuguese (Brazil), Romanian, Spanish or Swedish.
</li>
<li>
Premium Support 
We take pride in offering fantastic maintenance and hands-on support. Our team of friendly mobile experts makes sure technology doesn’t stand in your way.
</li>
<li>
Analytics 
Get to know your mobile users and analyze your impact with our powerful yet simple reader-centric analytics via Google Analytics integration.
</li>
<li>
Add to Homescreen 
Users can add your mobile web application to their homescreens making it just a tap away.
</li>
<li>
Offline Mode 
The application’s files are cached for offline usage together with the content. All of the categories, posts and pages that your users navigate to will be cached for offline usage.
</li>
<li>
Web Push Notifications 
We have integrated with the OneSignal WordPress plugin, allowing you to engage users through push notifications.
</li>
</ul>
Advanced PWA features like offline mode and web push notifications are implemented using service workers and are currently available on Chrome.
We enjoy writing and maintaining this plugin. If you like it too, please rate us. But if you don’t, let us know how we can improve it.
Have fun on your mobile adventures!
<h3>Repositories</h3>
Here are our Github development repositories:
<ul>
<li><a href="https://github.com/rock-solid/wordpress-progressive-web-apps" rel="nofollow ugc">https://github.com/rock-solid/wordpress-progressive-web-apps</a> – The plugin files, same as you will find for download on WordPress.org.</li>
<li><a href="https://github.com/rock-solid/pwa-theme-mosaic" rel="nofollow ugc">https://github.com/rock-solid/pwa-theme-mosaic</a> – The Progressive Web App source, built with React, Redux and Semantic UI.</li>
</ul>

Progressive Web Apps

Hi, congrats for the plugin! :-)
Does the OneSignal integration work for wpms? I`m asking because I see some other plugins have problems about that. Thank you very much! ;-)

Alternatives to Progressive Web Apps

Top alternatives