This site runs best with JavaScript enabled.
Looking for something specific? Search for a blogpost here.

๐Ÿ’ฏ UPDATED: Advanced React Component Patterns โš›๏ธ

TL;DR My highly popular course has been updated (completely re-recorded) and you can find it here: ๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡ kcd.im/advanced-react ๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘†๐Ÿ‘† Here's the intro: ALSO! You can follow along in codesandbox right here: So what'sย new? This course was originally published in Decemberโ€ฆ

Read โ†’

React DevTools

This last week I had someone criticize using React component state because: there are no browser dev tools for inspecting [ component state ] Maybe this person just forgot about the official React DevTools browser extension , maybe they didn't know about it. Whatever the case may be, it made meโ€ฆ

Read โ†’

Prop Drilling

Current Available Translations: Korean The goal of this post is to not only help you understand what prop drilling is (some also refer to it as "threading"), but also when it can be a problem and mechanisms you can use to side-step or avoid it. What is prop drilling? Prop drilling (also calledโ€ฆ

Read โ†’

How I learn an Open Source Codebase

Participating in open source has been awesome for me . It has made me and the stuff I make better . A common question that I get from folks is how to go about learning an open source codebase and understand other's code. In my blog post "Open Source Stamina" , I make an important observationโ€ฆ

Read โ†’

Mixing Component Patterns

Let's make a component that supports Render Props, Component Injection, Compound Components, the Provider Pattern, and Higher Order Components! This last week I gave three workshops at Frontend Masters : โš›๏ธ ๐Ÿ’ฏ Advanced React Patterns ๐Ÿ“š โš ๏ธ Testing Practices and Principles โš›๏ธ โš ๏ธ Testing Reactโ€ฆ

Read โ†’

Pure Modules

A few weeks ago, I saw this tweet from Ingvar Stepanyan : https://twitter.com/RReverser/status/984854567706877952 Followed by this one : https://twitter.com/RReverser/status/984854857050882049 These tweets resonated with me because it really would make a huge difference for JavaScript enginesโ€ฆ

Read โ†’

Migrating to React's New Context API

With the recent release of React 16.3.0 came an official context API. You can learn more about the why and how behind this API from my previous blog post: "React's โš›๏ธ new Context API" . Because of this significant change, I'm making an update to my advanced component patterns course on eggheadโ€ฆ

Read โ†’