volmohammed

With this plugin you can get posts and change URL dynamic based on post section by using this Shortcode [get-posts-react]

Load Posts in React

A simple shortcode plugin to fetch and display WordPress posts dynamically using React.

anghelalexandra

cborodescu

abarbulescu

FEB 2020 UPDATE: A NEW & RESPONSIVE PWACOMMERCE THEME IS COMING SOON! STAY TUNED AT <a href="https://pwacommerce.com" rel="nofollow ugc">PWACOMMERCE.COM</a>
<a href="https://pwacommerce.com" rel="nofollow ugc">PWACommerce</a> is a mobile plugin that helps you transform your WooCommerce shop into a progressive mobile web application implemented with React, Redux and Semantic UI. It comes with multiple ecommerce app themes that you can purchase individually or as a bundle.
PWACommerce is supported on iOS and Android smartphones and tablets. Compatible browsers: Safari, Google Chrome, Android – Native Browser.
It has been tested on WordPress 5.3.2 and later.
What PWACommerce enables you to do:
Progressive Web Apps
Some of the key features of progressive web apps are:
<ul>
<li>Add to Homescreen. Readers can add the mobile web application to their homescreen and run it in full-screen mode, making it easy to launch and return to your app.</li>
<li>Smooth animations, scrolling, and navigations keep the experience silky smooth.</li>
<li>Responsive UI. The mobile web application is sensitive to various screen sizes and orientation changes: landscape, portrait. In other words, the look and feel of the mobile web app seamlessly morphs into the screen size of users’ devices.</li>
<li>App Themes. You can offer your users an exceptional buying experience by giving them a mobile web application with a native app-like look & feel. The default theme comes with basic features/options, but more app themes will be made available at <a href="https://pwacommerce.com" rel="nofollow ugc">PWACommerce.com</a>.</li>
<li>Analytics. PWACommerce easily integrates with Google Analytics.</li>
</ul>
PWACommerce also comes with a PRO version suitable for online stores that want to take full advantage of the Progressive Web App technology and increase engagement and conversions. Some of the benefits of using <a href="https://pwacommerce.com" rel="nofollow ugc">PWACommerce.com</a> are:
<ul>
<li>
Offline Mode. The app’s shell and content is cached using service workers. Categories and products are saved in the browser’s local storage while your users navigate through the app, together with products added to the shopping cart. This offers a full app-like experience to your users, allowing them to continue using the app even when they don’t have a network connection.
</li>
<li>
Web Push Notifications. We have integrated with the OneSignal WordPress plugin, allowing you to engage users through push notifications. This is one of the most requested PWA features, proven to increase user engagement by up to 4x.
</li>
<li>
We take pride in offering fantastic <a href="https://pwacommerce.com" rel="nofollow ugc">PWACommerce</a> maintenance and hands-on support. Our team of friendly progressive web app experts makes sure technology doesn’t stand in your way.
</li>
<li>
Access to multiple app themes that can be purchased individually or as a bundle.
</li>
<li>
Web Push Notifications. We have integrated with the OneSignal WordPress plugin, allowing you to engage users through push notifications. This is one of the most requested PWA features, proven to increase user engagement by up to 4x.
</li>
</ul>
Your mobile users will be able to benefit from a rich mobile buying experience on their favorite mobile device without needing to go through an App Store and install anything.
Our tech stack for developing the mobile PWA includes:
<ul>
<li><a href="https://github.com/facebook/create-react-app" rel="nofollow ugc">Create-React-App</a> for bootstrapping the project.</li>
<li><a href="https://react.semantic-ui.com/introduction" rel="nofollow ugc">React-Semantic-UI</a> (the official React integration for Semantic UI) for adding UI components such as buttons, grids, forms, etc.</li>
<li><a href="https://reacttraining.com/react-router/" rel="nofollow ugc">React-Router</a> for navigating between screens.</li>
<li><a href="https://redux.js.org/" rel="nofollow ugc">Redux</a> for managing the app state.</li>
<li><a href="https://jestjs.io/" rel="nofollow ugc">Jest</a> for unit testing.</li>
<li>Eslint and the <a href="https://github.com/airbnb/javascript" rel="nofollow ugc">Airbnb coding standard</a>.</li>
</ul>
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>Roadmap</h3>
Our roadmap currently includes: 
* Adding a complete checkout process 
* Adding better variations support 
* Adding product search functionality
<h3>Repositories</h3>
We currently have two Github development repositories:
<ul>
<li><a href="https://github.com/rock-solid/pwacommerce" rel="nofollow ugc">https://github.com/appticles/pwacommerce</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-woocommerce" rel="nofollow ugc">https://github.com/appticles/pwa-theme-woocommerce</a> – Development files for the Progressive Web App implemented with React, Redux and Semantic UI.</li>
</ul>

PWACommerce – WooCommerce Mobile Plugin for Progressive Web Apps & Hybrid Mobile Apps

PWACommerce is a mobile plugin that helps you transform your WooCommerce shop into a progressive mobile web application.

Load Posts in React vs PWACommerce – WooCommerce Mobile Plugin for Progressive Web Apps & Hybrid Mobile Apps