rockiger

ReactPress enables you to easily create, build and deploy React apps into your existing WordPress sites. Use your React knowledge to create single page applications for your WordPress customers.
Get started in seconds and develop your React app with instant feedback and your WordPress theme in mind.
Combine the flexibility of WordPress with the UI capabilities of React and seamlessly integrate create-react-app into your WordPress project for your next SaaS.
ReactPress does 3 things:
<ul>
<li>It integrates your local dev server into your WordPress theme, that you have instant feedback, how your React app looks in the context of your WordPress website.</li>
<li>It builds your React app in a way that it is usable from your WordPress site.</li>
<li>It makes it easy to upload your app to a live server after building.</li>
</ul>
<h3>Features</h3>
<ul>
<li>Fast refresh during app development</li>
<li>WordPress integration during development</li>
<li>Easy deploy to your live site</li>
<li>client-side routing</li>
<li>zero-config</li>
<li>TypeScript support</li>
</ul>
<h3>Links</h3>
<ul>
<li><a href="https://rockiger.com/en/reactpress/" rel="nofollow ugc">Website</a></li>
<li><a href="https://rockiger.com/en/reactpress/getting-started/" rel="nofollow ugc">Getting Started</a></li>
<li><a href="https://rockiger.com/en/reactpress/reactpress-tutorial/" rel="nofollow ugc">In depth React with WordPress Tutorial</a></li>
<li><a href="https://rockiger.com/en/reactpress/understanding-reactpress/" rel="nofollow ugc">FAQ</a></li>
<li><a href="https://github.com/rockiger/reactpress/" rel="nofollow ugc">Development</a></li>
</ul>
<h3>System Requirements</h3>
To develop React apps your WordPress instance needs access to:
<ul>
<li>Access to the PHP function <code>file_get_contents</code>. Some hosting providers deactivate <code>fopen</code> on which <code>file_get_contents</code> depends. Access to <code>file_get_contents</code> is neccessary on your dev and your live system!</li>
<li>POSIX compatible system, Windows support is experimental. (<a href="https://rockiger.com/en/windows-survival-guide-to-for-react-and-web-developers/" title="Windows Survival Guide for React and Web Developers" rel="nofollow ugc">Alternatively Windows users can use WSL2</a>)</li>
</ul>

ReactPress – Create React App for WordPress

Easily create, build and deploy React apps into your existing WordPress sites.

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.

ReactPress – Create React App for WordPress vs PWACommerce – WooCommerce Mobile Plugin for Progressive Web Apps & Hybrid Mobile Apps