Exploring the new Drupal front-end with JavaScript 🌈🦄

on YouTube ↗55m

" summary

Drupal positions itself as an API‑first platform: JSON API in core is targeted for 8.6, REST exposes all entity types, and missing admin APIs are being added. A React-based administrative UI is prototyped and React admin UI work focuses on progressive decoupling while Nightwatch testing is adopted for JavaScript tests. Case studies (Weather Channel, Princess Cruises, Vodafone, MTA, New Balance) run decoupled front ends and Twitter reports an 80% page load reduction after moving initial rendering server‑side.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 7:46In other words: A JavaScript-based client fetches the data from the API server and renders the Twitter experience
3. 30:31STEPS TOWARDS A REACT UT FOR DRUPAL'S ADMINISTRATION BACKEND
4. 31:04Improve our JavaScript testing infrastructure
5. 32:18Create designs for the administration UI
6. 33:28Allow contributed modules to use React or Twig
7. 36:14Make the React UI extensible and configurable

" related talks

• 30mThe Time for Decoupled Drupal is NowJohn Doyle · Florida DrupalCamp 2023
• 40mFRONTEND CHOICESAlex Coles · wroc_love.rb 2014
• 21mThe Hybrid Experiment: Merging Node.js, WordPress, and ReactChiedo · NationJS Frontrunners 2019
• 19mJS Magic Supercharging Web Applications w/ Headless CMS and Modern frontend frameworkChakit Arora · CityJS Singapore 2023
• 32mWhat's Happening in the JavaScript Ecosystem?Giorgio Boa, Fabio Biondi · jsday 2025
• 41mPlanning a Front-end JS ApplicationCody Lindley · Spotlight Front-End 2014
• 41mYou Really Don't Need All That JavaScript I PromiseStuart Langridge · Pixel Pioneers Bristol 2022
• 47mJavaScriptDustin Whittle · jsDay 2017