Joshua Comeau

Articles & Tutorials

Animated Sparkles in React (
May 19, 2020
On the web, we have two semantic tags we can use when we want to indicate that part of a sentence is particularly significant: <strong> and <em>.
Accessible Animations in React (
May 05, 2020
In this tutorial, we'll see how to use the prefers-reduced-motion media query to disable animations in React.
Dynamic Bézier Curves (
May 23, 2018
We'll go through the basics of working with Bézier curves and SVG in React.js. We'll learn how to build dynamic curves that respond to user input:
Simple React Development in 2018 (
Mar 29, 2018
The goal of this guide is to showcase how easy it can be to start modern React development. It shares a step-by-step process, from initial system setup through to deployment, without straying into tangent explanations that aren’t critical at this point in the learning process.
Performance-tuning a React application (
Nov 10, 2017
This blog post is a case-study in the specific techniques I tried, and how well they worked.

Video Guides & Talks

Saving the Web, 16ms at a Time (
May 28, 2019
This talk is a deep-dive into building smooth, jank-free web experiences with React. We’ll look at how we can use Hooks and modern browser APIs to build incredible, delightful products that run great across devices.
The Case for Whimsy (
May 20, 2018
This talk explores various ways that we, as front-end developers, can make our products more delightful to use. While it’s design’s job to give us static mock-ups, it’s our job to bring those designs to life.


react-flip-move (
Oct 19, 2018
Effortless animation between DOM changes (eg. list reordering) using the FLIP technique