Dynamic server islands 🔗
Hybrid render different parts of the same page at build time vs on each request. [...]
Mayank
Posts
Server-side custom elements 🔗
Expand custom elements outside the browser. [...]
React Server Components: the Good, the Bad, and the Ugly 🔗
Evaluating Next.js's implementation of React's new server features. [...]
CSS-based state management 🔗
Use CSS for storing context-like JavaScript state. [...]
Making live regions easier 🔗
A web component for notifying screen-reader users of dynamic updates. [...]
A custom element base class 🔗
Put all the boilerplatey junk in a base class. [...]
Web components 🔗
Guest post for the 12 Days of Web 2023. [...]
HTML: The Bad Parts 🔗
Guest post for the 2023 HTMLHell Advent Calendar. [...]
Different ways of defining custom elements 🔗
How/where do you call `customElements.define`? [...]
Some use cases for display: contents 🔗
Trying to cautiously use this declaration without breaking accessibility. [...]
Presentational shadow DOM 🔗
Assorted thoughts on shadow DOM, div soups, and a cursed CSS idea. [...]
Simple tabs 🔗
Building accessible tabs using web components. [...]
Publishing dual ESM+CJS packages 🔗
My workflow for publishing a dual package from a single TypeScript source. [...]
The definitive guide to using Bun 🔗
There's a new JavaScript runtime on the block and developers are shitting their pants. [...]
Hover triangles 🔗
A brief history of the triangle technique used to improve the UX of nested menus. [...]
A portal webcomponent 🔗
Building React's portal or Vue's teleport without any dependencies. [...]
Making tooltips work on touchscreen 🔗
Touch devices don't have hover capabilities, so we'll have to find another way. [...]
Building a tooltip using web components 🔗
Can we build an accessible, reusable, customizable tooltip using web components? Let's find out! [...]
What is a component anyway? 🔗
If web components are not components, then what makes a component? [...]
Web components are not components 🔗
Shadow DOM is not fit for production use, web components require frameworks to be usable, and other hot takes [...]
.hello-world 🔗
undefined Keep reading. [...]