Posts

How I Created These Generative Underline Pen Strokes

svg, react, text-effect, tutorial
2 Min
dev.to

I created a small React component that adds a randomly generated pen stroke underline to a given word. The strokes are rendered using an SVG <path/> element.

Webrix.js - Building Blocks for Interactive React Apps

react, webrix
2 Min
dev.to

webrix.js is a set of React components and hooks, each dedicated to solving a single UI challenge. In the article I explore the different components and hooks in this library.

Don’t Mix Controlled and Uncontrolled Values In React

react, architecture
6 Min
Medium

In this article, I will be discussing one of the most fundamental rules in component architecture. This fundamental rule is often violated, leading to issues that are very hard (if not impossible) to solve.

Snippets

ClientOnly

A React component for rendering content only on the client side

useAnimationFrame

A React hook for working with animation frames

useDocumentEvent

A React hook for performantly attaching event listeners to the document

useIntersectionObserver

A React hook for detecting element visibility within a container

useValue

A React hook for persisting non-stateful values

Experiments