Learn to use React and Drupal together with this series of 15+ tutorials from Drupalize.Me.
The goal of this series is to introduce you to the fundamental concepts that you'll need to understand when using React and Drupal together.
What is React? Why use it with Drupal? And some baseline information you can use to get started integrating React and Drupal together.
Introduces some of the fundamental concepts of React -- including components, state, and ES6 -- and talk about some of the additional things you'll eventually want to learn as you get further into using React.
Explores the difference between fully decoupled and progressively decoupled applications. Explain what they are, and provide links to resources where you can further explore the advantages and disadvantages of both.
Create two React components that wrap the existing content of a node in a React application containing a button which can be used to toggle the visibility of the node's content. This is a great example of how you can use React to enhance an existing Drupal theme without having to go fully decoupled.
Install and configure the JSON API module in order to allow Drupal to provide a web services API that you can interact with via React.
Lay the groundwork for an application that can not only list, but also create, update, and delete nodes via Drupal's API.
Combine everything you've learned up to this point in order to create a React application that allows a user to create, read, update, and delete content, embedded in an existing Drupal page.
Start work on creating a fully decoupled React application.
Use create-react-app to scaffold a new fully decoupled React codebase. And optionally learn how to integrate that into a Drupal theme or module.
Configure the Simple OAuth Drupal module and use a password grant flow to create authenticated API requests.
Add a login form to collect a username and password. Then exchange those for an OAuth access token. And finally update existing fetch() requests to use the OAuth access token.