react hooks

A collection of 8 posts

photo of backlit keyboard

A Typing Text Effect with React Hooks

Build a hook that backspaces and types out an array of words.

photo of building architecture

Building a Segmented Control Component

Use React hooks and CSS variables to create an animated segmented control.

photo of stamps and lettering in a drawer

Building a Drawer Component With React Portals

Learn how to build a flexible Drawer component.

photo of detailed lightbulb

How to Animate Mounting Content in React

Using React hooks to solve a common animation issue.

photo of stacked wooden boxes

How to Build an Expandable Comment Box

Recreating the Medium comment box from scratch using React Hooks.

photo of abstract building

Recreating the Medium Applause Button

Learn how to create the Medium applause button in React.

photo of a cabin next to mountains

How to Lazy Load React Components

Discover how to use React Lazy, React Suspense, and the Intersection Observer API to load content only when needed.

photo of a cafe menu

Building a Dropdown Menu Component With React Hooks

In this article, you'll create a dropdown menu using React Hooks.