Joshua Comeau

Video Guides & Talks

Saving the Web, 16ms at a Time (youtube.com)
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 (youtube.com)
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.

Libraries

react-flip-move (joshwcomeau.github.io)2701
v3.0.3
Oct 19, 2018
Effortless animation between DOM changes (eg. list reordering) using the FLIP technique

Articles & Tutorials

Dynamic Bézier Curves (joshwcomeau.com)
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 (hackernoon.com)
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 (codeburst.io)
Nov 10, 2017
This blog post is a case-study in the specific techniques I tried, and how well they worked.