https://github.com/snipcart/wordpress-react

A React demo app tied to a WordPress backend with REST API
https://github.com/snipcart/wordpress-react

javascript-framework reactjs wordpress wordpress-rest-api

Last synced: about 2 months ago
JSON representation

A React demo app tied to a WordPress backend with REST API

• Host: GitHub
• URL: https://github.com/snipcart/wordpress-react
• Owner: snipcart
• License: mit
• Created: 2018-09-18T19:53:13.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-07-30T08:03:22.000Z (almost 5 years ago)
• Last Synced: 2025-03-28T10:50:22.259Z (2 months ago)
• Topics: javascript-framework, reactjs, wordpress, wordpress-rest-api
• Language: JavaScript
• Homepage: https://snipcart.com/blog/reactjs-wordpress-rest-api-example
• Size: 626 KB
• Stars: 82
• Watchers: 7
• Forks: 23
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Tying a React SPA to WordPress as a Backend [w/ WP REST API]

![react-wordpress](https://snipcart.com/media/203872/react-wordpress-rest-api.jpg)

Every developer and their dog have something to say about WordPress, and it's not always flattering. Far from it. However, even its most avid detractors are forced to take notice of this feature, because it has already transformed the way we use the popular CMS.

WordPress Rest API is a huge step forward for frontend developers looking to combine the power of JavaScript tools like React.js with WordPress.

This is exactly what I want to do with this demo of the WordPress REST API in the work. I'll try to find out if this is really a game-changer and to deconstruct the hype surrounding it.

I'll use WordPress as a backend, and WordPress REST API to feed data into a neat React.js SPA.

Steps:

- Creating models with the WP Advanced Custom Fields plugin.

- Generating a custom endpoint.

- Setting up a React single-page application.

- Consuming the JSON REST API with React.

> Read the full tutorial [here](https://snipcart.com/blog/reactjs-wordpress-rest-api-example)

> See the live demo [here](https://wordpress-react.netlify.com/)

Enjoy folks!