Want to Build Progressive Web Apps Based on WordPress and WooCommerce? Here’s How (w/ Code Examples)

How to Build Progressive Web Apps Based on WP and WooCommerce  #webdev #wordpress #reactjs

  • The render method just returns another custom component called  that receives the categories data and looks like this: – – The above component iterates over the list of categories that it receives as a prop and calls another custom component called to render a single category element.
  • First, we need to make the connection with Redux by wrapping our main app component into a global store: – – In this example, the global app store will contain a list of categories and a list of products, which are merged together using the method from Redux.
  • The reducer is just a function that listens to particular actions and changes a portion of the global state, in this case the list of products.
  • That’s because the product list component is directly linked to the global app state, also using Redux.
  • In this way, it can access the products data directly from the app store, iterate over the list of products and use a component to render a single product element.

Progressive Web Apps combine the best of the web and the best of apps. Here’s how to build them on WordPress and WooCommerce (code examples).
Continue reading “Want to Build Progressive Web Apps Based on WordPress and WooCommerce? Here’s How (w/ Code Examples)”

Path to React Native: From Rookie to Rockstar

We've put together a handy guide to help you master React & React Native quickly 🚀

  • We’re now able to build native apps for both iOS and Android platforms using pure JavaScript.
  • Once you’re familiar with the React basics, you’re actually equipped with all the knowledge necessary to build native mobile apps for iOS and Android.
  • We’ve been building apps with React and React Native for a while now and have been getting steadily more impressed with the way the ecosystem is developing.
  • Build Apps with React Native on Udemy is an 8-hour introduction to React Native that you can complete without needing any React.js knowledge.
  • Short and focused introductory videos: React Native Fundamentals on egghead.

Read the full article, click here.


@wearehanno: “We’ve put together a handy guide to help you master React & React Native quickly 🚀”


Building a hybrid mobile app seemed like a really big challenge just a few years ago. Unless you wanted to earn a reputation for building half-arsed and sluggish mobile app interfaces, you’d have been better off spending your time and money on proper (native) iOS or Android developers instead.


Path to React Native: From Rookie to Rockstar