dio.la
Dani Guardiola’s blog
The open/closed component
A powerful pattern for building extensible UI components that achieve more with less.
Lexical state updates
A deep dive into how Lexical updates its state.
Colorful avatars
An interactive walkthrough of an algorithm to pick an avatar's color based on the user's initials.
Hacking RegExp to unlink myself from LinkedIn
No LinkedIn? No problem! Here's how I exploited weak validation to find a job anyway.
- #design-systems
- #js
The "everything bagel" of components
The Dalai Lama walks into a bagel shop and says, 'Can you make me one with everything?'
- #design-systems
- #js
The open/closed component
A powerful pattern for building extensible UI components that achieve more with less.
- #react
- #frontend
Colorful avatars
An interactive walkthrough of an algorithm to pick an avatar's color based on the user's initials.
- #react
- #frontend
useImageIsLoaded
A simple React hook to track the loading state of an image.