Phil Parsons

The hidden cost of state updates As described in the React docs, component renders happen in a three-stage process: trigger, render and commit.

Using a SharedWorker to share a WebSocket connection Consider an online shopping site that uses a WebSocket connection to notify users of events such as order updates, the amount of people viewing the same item or the status of promotional deals.

Pipeline structure and requirements The Style Dictionary build transforms styles from design tokens in JSON format through to code for use in Lit web components.

Carousel?

A shared benefit of TDD and AI assisted development With a traditional software development process like Test-Driven Development (TDD), instead of writing code first, we write tests that define the expected behavior.

Where did the test ID come from?

An argument for custom elements Setting aside the recent debate on the usefulness of custom elements in this world of component based JavaScript frameworks and libraries, custom elements provide the perfect opportunity for us to build framework agnostic c…

Polymorphic components React frameworks often have a concept of component polymorphism.

What is FOUC and how does it apply to web components?

Keeping HTML element attributes and properties in sync If you've worked with HTML elements previously you'll likely be aware that attributes declared on an element have no default mechanism to reflect their value to properties on the underlying object in…