styled-components Archives

Post Component in React

This is the sixth part of Create react app with GraphQL way of WordPress data

In this part, we will develop a Post component for our application. But, before diving in this, we will develop a Loading component for seeing landing or search status in our application. Let’s dive into Loading component development.

App Component in React

This is the third part of Create react app with GraphQL way of WordPress data

In this part, we will build the App component at src/components/App.js

Here kick on styled-components. And we use Posts and PostWidget component here. For that, we can introduce props.

Setup for React front-end with GraphQL to fetch WordPress back-end

This is the first part of Create react app with GraphQL way of WordPress data

Download WP-GraphQL from https://github.com/wp-graphql/wp-graphql and rename it wp-graphql. Install it in WordPress and active this plugin as usual. Then, visit

domain.name/?graphql

WP-Graphql success message — wp-graphql success message

If it shows a page of error, then confirmed wp-graphql plugin works.