Kent C. Dodds Blog

Some stories and some advice from an international speaker and trainer

Why it's awesome, what it is, how it works, and how to use mdx-deck.

Let's learn how unpkg the service and the open source project can improve performance for your company's apps.

How to maximize the performance of loading polyfills for your application users.

The difference between a polyfill and a code transform.

Tests should help me be confident that my application is working and there are better ways to do that than shallow rendering.

You may use it every day, but have you seen what happens after Babel compiles it?

Why your tests should be completely isolated from one another and how to do that.

The expressive power of expressions in default values for parameters

What is "Fear Of Missing Out" and how to deal with this natural unhealthy tendency.

Even better accessibility, React Native and ReasonReact support, even simpler API, improved docs, new examples site, Flow and TypeScript...

Comparing two similar patterns that enable many of the same use cases.

How to write your own code macro with babel-plugin-macros 🎣

Now featuring the latest React APIs (like context) and entirely new patterns (like state reducer props).

A quick demo of the browser extension you should definitely be using.

What it is, why it's good, why it's bad, and how to avoid common problems with it

What I do to learn and understand an open source project to which I want to contribute.

Let's make a component that supports Render Props, Component Injection, Compound Components, the Provider Pattern, and Higher Order...

How you write your ES Modules impacts the performance and maintainability of your code.

Let's compare the before/after of React's new context API.

One of the reasons I'm so excited about render props

A simpler replacement for enzyme that encourages good testing practices.

Let's back up from the hype and think critically about the render props pattern

Let's take a step back and understand what mocks are and how to use them to facilitate testing in JavaScript.

Some tips of things that I've done that have helped me get where I want to be in the industry.

Teaching is nature's way of letting you know how sloppy your understanding is.

A new pattern has been implemented in downshift and it's awesome.

Because there's a ton of hype, and a bunch of questions ⚛️

It's way more ergonomic, it's no longer "experimental," and it's now a first-class API!

The merits and use cases of consolidating tools into one "zero config" toolkit.

Deep dive into Jest, React, and jsdom: A story about how I go about finding and fixing bugs in my dependencies.

How I built & deployed 2 production apps without downloading any source code.

Let's look at how we can write tests for React components that use render props!

Let's take a step back and understand automated testing of JavaScript from square one.

As I write this, it's Christmas Eve.

The course is free forever on egghead.io!

I gave a pretty good demo and here are some things I did that might help you give good demos too.

An overview of some of the patterns covered in my recently released egghead.io course (free until Friday).

Two and a half hours of new beginner (free) and advanced React material are now available egghead.io!

Some tips and tricks that have worked for me.

How I tricked React into rendering a function (not call it... render it)

How to make your modules more generically useful and easier to test.

Snapshot testing can be useless, or super useful.

Sometimes you need to workaround issues in other libraries.

Render props are awesome, put it together with prop getters and you have an awesome combination to give users of your React components...

TL;DR/Spoiler alert: I'm working on a tool at PayPal called paypal-scripts and a personal one called kcd-scripts.

downshift 🏎 is the primitive you need to build simple, flexible, WAI-ARIA compliant React...

And it's way more approachable than you think...

When I use classes, when I don't, what I do instead, and why

A styled-components 💅 and jsxstyle inspired solution for styling ⚛️ React Components from PayPal