The state of JavaScript Code Components in Drupal Canvas

Session Category Theming, Design, & Usability Audience Intermediate

Drupal Canvas introduced Code Components in early 2025, opening a new avenue for Drupal frontend engineering by shipping a zero-setup, in-browser code editor, and out-of-the-box support for React and Tailwind CSS. A lot has happened since then. As the technical lead for Code Components, I've watched the possibilities steadily grow as Drupal Canvas has matured and become stable.

New features have been introduced to support data fetching and Next.js-style image optimization. Experiments are underway to support server-side rendering and third-party imports. Editing Code Components is no longer bound to the browser: A CLI tool makes it possible to work with them in any development environment. This opens up interesting opportunities, such as building decoupled frontends.

This session will discuss different approaches and techniques for working with Code Components in Drupal Canvas, as well as the current state of all features, experiments, and plans for the future.

About the Speaker

Bálint Kléri

Software Engineer at Brewed Tech

Schagen, Netherlands

Bálint Kléri is a seasoned Drupal developer whose journey began in the Drupal 5 era, spanning notable companies like NodeOne/Wunderkraut, Commerce Guys, and Bluespark. He's been working with React since before its first stable release, and as a CTO and founder of two companies, he built and led engineering teams. Today, Bálint is a full-time contributor to Drupal Canvas, leading the development of Code Components, made possible by Acquia.