Web Components

Phoenix Heller

September 06, 2022

Tag1 goes to DrupalCon Prague 2022

Join our experts in person at DrupalCon Prague 2022 - Sept 20-23, 2022 - for three talks, and a workshop! Janez Urevc and Fabian Franz along with Google’s Andrey Lipattsev will present how our collaboration with Google is making the web faster, and how Google’s Web Vitals initiative supports better user website experiences. Look for our presentation, Core Web Vitals: Improving the End User Experience of Drupal. Gain a plethora of new tools to make...

Preston So

July 20, 2020

Declarative components in Drupal: Next steps for components everywhere in Drupal - part 2

Part 1 | Part 2 Emerging approaches to front-end development portend a very different world from the one we live in today with regard to handling and juggling components. After all, new best practices promulgated by the likes of JavaScript technologies like React are overturning our preconceived notions about components and our foregoing definitions. For instance, React now contains both declarative rendering of components through JSX and efficient document object model (DOM) diffing...

Preston So

July 08, 2020

Declarative components in Drupal: How Drupal can make true shared components a reality - part 1

Part 1 | Part 2 Front-end development workflows have seen considerable innovation in recent years, with technologies like React disseminating revolutionary concepts like declarative components in JSX and more efficient document object model (DOM) diffing through Virtual DOMs. Nonetheless, while this front-end development revolution has led to significant change in the developer experiences we see in the JavaScript landscape and to even more momentum in favor of decoupled Drupal architectures in the Drupal...

Preston So

July 01, 2020

Tag1 TeamTalk #019

Enabling Declarative Components Everywhere: Drupal + Web Components Out of the Box - Tag1 TeamTalk #019

Many front-end technologies, especially React, now consider the notion of declarative components to be table stakes. Why haven't they arrived in environments like the Drupal CMS's own front end? Many native CMS presentation layers tend to obsolesce quickly and present a scattered or suboptimal developer experience, particularly against the backdrop of today's rapidly evolving front-end development workflows. But according to Fabian Franz, there is a solution that allows for that pleasant front-end developer experience within...

Preston So

May 18, 2020

Components everywhere: How Web Components and reactivity could reinvent Drupal - part 5

In this multi-part blog series that covers Fabian's session in detail from start to finish, we summarize some of the key ideas that could promise an exciting vision not only for the front-end developer experience of Drupal but also for the user experience all Drupal developers have to offer their customers. In this fifth installment in the series, we continue our analysis of some of the previous solutions we examined and consider some of the...

Preston So

May 04, 2020

Components everywhere: How to enable server-side rendering with Web Components in Drupal-part 4

Among the most pitched debates currently in the Drupal community is the discussion over the future of Drupal's front-end and whether decoupled Drupal marks how front-end development in one of the world's most popular content management systems (CMS) will look for years to come.

Preston So

April 27, 2020

Components everywhere: How JSX can inspire Twig components for Drupal's front end - part 3

Drupal is quickly approaching a critical inflection point in terms of its ability to adapt to and outperform other technologies in the web development space, particularly in the front end. Trends like decoupled Drupal, are rapidly gaining adoption in the Drupal community, but such architectural approaches do not resolve the issue of how Drupal's front end can contend with the increasing focus on popular front-end technologies like React and Vue.

Preston So

April 19, 2020

Components everywhere: How a virtual DOM could bring Drupal to a reactive front-end future - part 2

A debate has been ongoing for several years about how Drupal's front end can compete against the primacy of JavaScript frameworks that are rapidly gaining steam in the wider web development community. In this multi-part blog series, we review the most important concepts behind this potential future for Drupal's front end, including Web Components, virtual DOMs, and what Drupal can learn from other ecosystems. In this second installment in the series, we examine how Drupal's...

Preston So

April 15, 2020

Components everywhere: Is Drupal’s front-end future in Web Components? - part 1

The question of where Drupal's front end is headed has led to much handwringing in the community, with a variety of ongoing discussions about whether decoupled Drupal is the future for Drupal's presentation layer. Out of all the debates in the community, few have engendered as much consternation and spilled ink as how, when, and whether to replace or augment Twig's functionality as the default theme engine for Drupal.