Web Components and SEO

We all understand how important SEO is and how crucial it is for crawlers to be able to understand our content in our…

Web Components: The Constructor and PatternFly Elements

There’s not a lot of documentation on what you should or should not do in the constructor() of a web component. Here we try to shed some light on the dos and don’ts and we also show the benefits of building web components by extending…

More Resilient Web Components in Angular (or anywhere else) with MutationObserver

A real-world example…

PatternFly Elements theming hooks: Using CSS variables in a component

CSS variables, a.k.a. custom…

Prefixing: the eternal question

To prefix or not to prefix? The eternal question. In this write-up…

PatternFly Elements theming hooks: CSS “Broadcast” Variables

The idea behind “broadcast” variables is…

Testing your PatternFly Element in React

We’ve built PatternFly Elements to work in most frontend frameworks and React is one of the frameworks that we formally support. So, we must test our components in React.

Prerequisites