├── .gitignore └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | js/dist 2 | js/dist/* 3 | node_modules 4 | node_modules/* 5 | content-filter 6 | .DS_Store 7 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # React & Drupal Examples 2 | 3 | This repository contains example code to go along with the tutorials on https://reactfordrupal.com. 4 | 5 | The examples demonstrate various different ways that [React](https://reactjs.org) and [Drupal](https://www.drupal.org) can be used together. 6 | 7 | ## Branches 8 | 9 | **master** - intentionally left empty except this README 10 | 11 | **read-more** 12 | Relates to tutorial _Create a React Component_. Demonstrates how to wrap a Drupal node with a React component that hides a portion of the text behind a "read more" button. 13 | 14 | **node-list** 15 | Relates to tutorial _Use React to List Content from Drupal_. Demonstrates how to retrieve and display content from Drupal + JSON API. 16 | 17 | **node-edit** 18 | Relates to tutorial _Add, Edit, and Delete Drupal Nodes with React_. Demonstrates how to perform CRUD operations on node entities with React in the context of a progressively decoupled React application. 19 | 20 | **decoupled-node-edit-01** 21 | Relates to tutorial _Create a Fully Decoupled React Application_. Provides a starting point for anyone who skipped to this point in the series. 22 | 23 | **decoupled-node-edit-02** 24 | Relates to tutorial _Start with create-react-app_. Demonstrates code from **node-edit** ported to a create-react-app scaffolded application. 25 | 26 | **decoupled-node-edit-03** 27 | Relates to tutorial _Use Fetch and OAuth to Make Authenticated Requests_. Demonstrates how to use OAuth 2 password grant flow with React to perform user login and make authenticated requests. 28 | 29 | **decoupled-node-edit-04** 30 | Relates to tutorial _Extend React with Google Material UI_. Demonstrates adding the Google Material UI npm package to a React application and using it to style existing components. 31 | --------------------------------------------------------------------------------