ReactJS + Headless Drupal: Step by Step

Presenters: Jitesh Doshi
Video

(This is an update to my last year's ReactJS+Drupal presentation, with many improvements.)

ReactJS is the shiny new JavaScript framework that everybody wants to use in their next project. It's a component based approach to building JavaScript based web-applications and SPA's (single page applications). But any JavaScript front-end needs a RESTful service based back-end to store data and implement business logic. Drupal 8 has RESTful services built into core (Drupal 7 has it too, but in contrib modules). So if you have significant investments in Drupal, and need to implement pure HTML+JavaScript front-ends with Drupal back-end, or if you want to integrate rich web applications within your Drupal site, then this presentation could be useful.

Agenda:

  • What are JavaScript front-ends?
  • What are RESTful back-ends?
  • Setting up your ReactJS app with webpack, babel, VSCode
  • Configuring Drupal 8 to serve RESTful services
  • Writing a ReactJS application that leverages Drupal
  • Pulling content from Drupal into ReactJS app
  • Creating Drupal content from a ReactJS app
  • Authentication & Security
  • CORS (Cross Origin Resource Sharing)
  • AJAX, promises and async/await in ES6
  • React Native
Audience
Experience Level
Intermediate
Schedule Info
Conference Year
2018
Date / Time
Room
Room G1/G2
Status
Accepted
Session Track
Coding and Development