Wordpress React Theme Development

1) Download wordpress file from https://wordpress.org/download/ 2) Open xampp, wamp or openserver. I will show with xampp server. Also Xampp server recommended too. 3) Add wordpress folder to htdocs folder (for xampp) 4) cd xampp\htdocs\wordpress\wp-content\themes 5) npx create-react-wptheme react_theme 6) cd react_theme/react-src 7) yarn start 8) go to wp-admin dashboard change worpdress theme to react_theme 9) again yarn start 10) yarn build

App.js

http://localhost/wordpress_react/?rest_route=/wp/v2/posts

import React, { Component } from 'react';

class App extends Component{

constructor(props){

super(props);

this.state = {

data:[]

}

}

componentDidMount() {

return fetch(`http://localhost/wordpress_react/?rest_route=/wp/v2/posts`)

.then((response) => response.json())

.then((responseJson) => {

this.setState({

data: responseJson

});

})

.catch((error) => {

console.log(error);

});

}

render(){

return(

<div>

<h1>Fetching the data and updating the state now.</h1>

{this.state.data.map((item, i) => (<p key={i}>{item.title.rendered}</p>))}

</div>

)

}

}

export default App;