React

Drupal 8 progressive decoupling with React

Submitted by christophe on Sun, 27/05/2018 - 10:42
Progressive decoupling and ES6 support on Drupal 8 are definitely gaining some momentum. After having tested several methods to make use of React within Drupal, I had a look a the React Comments module, that provides a self contained, standard and developer friendly way to get started with React. It has been derived in a repository to have a kind of boilerplate to run tests on and a demo that loads article nodes from a JSON API endpoint.

React and Drupal 8 with JSON API 3/3

Submitted by christophe on Tue, 16/01/2018 - 22:31
This post focuses on translation issues and various pitfalls that you might encounter while building with React and Drupal: internationalization with and without language fallback, include images with images styles, taxonomy filter, fetch data on the route or the component, sort by weight, deploy in production.

Drupal 8, React, Vue, JSON API and ES6 learning resources

Submitted by christophe on Wed, 29/11/2017 - 10:24

You can start your journey with this website from Lullabot education React ❤ Drupal. Then when you are ready to get your hands dirty, give Contenta or Reservoir a try. Have a look at Dries' post about How to decouple Drupal in 2018.

If you are still hungry, here are some clues.
Updated on 22 August 2018

React and Drupal 8 with JSON API 2/3

Submitted by christophe on Tue, 30/05/2017 - 22:37
The first post of this serie focused on setting up easily a multilingual Drupal and React environment for a museum Audioguide web app. This one describes the steps to achieve a MVP that displays a list and a detail page of Audio contents, so we have the opportunity to cover several basic concepts under React : Components (add from a package repository, inherit, compose, create), Routes (default route and wildcard), Fetch to consume Rest, Localization via React Intl

React and Drupal 8 with JSON API 1/3

Submitted by christophe on Tue, 16/05/2017 - 22:30
The goal of this serie of posts is to achieve quickly a simple museum Audioguide web app based on a React isomorphic boilerplate with a Drupal 8 backend that uses the latest standards. The web app will be fully decoupled by being hosted on another domain than the Drupal one. As a real world case, we want it to be fully multilingual. This is the first post of a serie of 3. This first one focuses on having a Drupal and React setup that meets our requirements. The second one will define a MVP that will just fetch the audioguides list and a detail view (GET operation), the last one will then add extra features like getting user feedback (POST operation).