Simple reactJS website using wordpress backend

Question

I have a basic wordpress site at the moment, I would like to use a basic react frontend to display articles in my blog.

Can anyone tell me how I can hook the back end up to react?

Thanks

James111 · Accepted Answer · 2016-06-22 10:11:09Z

3

You would have to build a rest API within your wordpress site, you would then make calls to the rest api from your react app. Check here:

http://v2.wp-api.org/

A very simple example from the above link:

<?php
add_action( 'rest_api_init', function () {
    register_rest_route( 'route', '/author/(?P<id>\d+)', array(
        'methods' => 'GET',
        'callback' => 'my_awesome_func',
    ) );
} );

So basically you'd be able to simply integrate the rest api into your existing wordpress functions!

On your react site you'd simple use a fetch or ajax to grab the data! Checkout the fetch api here:

https://github.com/github/fetch

You could follow a tutorial, such as this one:

https://lamosty.com/2015/09/07/react-single-page-wordpress-rest-api-theme-tutorial/

answered Jun 22, 2016 at 10:11

James111

16k17 gold badges89 silver badges130 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ɴᴀᴛᴇ ᴅᴇᴠ Over a year ago

Latest WP versions have a REST API built in, no need for a plugin -- developer.wordpress.com/docs/api

Collectives™ on Stack Overflow

Simple reactJS website using wordpress backend

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related