Kent C. Dodds

Test React Components with Jest and React Testing Library on TestingJavaScript.com

The course material for my advanced react patterns course on Egghead.io

🏃 Catches situations when a react use(Layout)Effect runs repeatedly in rapid succession

Material for my React Fundamentals Workshop

Created with CodeSandbox

Learn how to build simple and flexible React Components and Hooks using modern patterns

:tiger: A workshop repository for testing React ⚛ with AVA :rocket: --> slides

An abstraction for all my React workshops

Learn React Hooks! 🎣 ⚛

An example of how to create and hook up App DevTools to improve your development productivity of your application

This is the code for the egghead playlist "React Hooks and Suspense"

Learn Advanced React Hooks workshop

Jest utilities for Glamor and React

The slides and code examples for my talk "React Hook Pitfalls"

React is fast, until it isn't

Talk about React hooks

React Suspense workshop

React Suspense Egghead course

A function that allows you to specify context to pass to a child component (intended for testing only).

This is an example of how you can use Create React App with Babel Plugin Macros.

This is a demo to show why so-called "stale closures" is a feature, not an annoyance.

An example of migrating something from angular to react

The create-react-app version of the fakebooks app demonstrated on https://remix.run. Check out the Remix version: https://github.com/kentcdodds/fakebooks-remix

Created with CodeSandbox

An example of how to test multiple pages with react-router or reach router

🐯 A workshop repository for testing React ⚛ with Mocha ☕ --> slides

The React Router contacts tutorial + TS and some slides

Just some custom JComponents which are helpful for swing developers

A library of react components.

Don't use this. It's fake...

Don't use this. It's fake...

Keyboard control for web applications (better than cryptic shortcuts). 3.5K minified & gzipped

Test Node.js Backends on TestingJavaScript.com

JavaScript Mocking Fundamentals on TestingJavaScript.com

A very hands on :open_hands: workshop :computer: about ES6 and beyond.

An npm module for distributing cloc by Al Danial

ESLint configuration for projects that I do... Feel free to use this!

Improved productivity 💯 with the practical 🤓 use of the power 💪 of Abstract Syntax Trees 🌳 to lint ⚠️ and transform 🔀 your code

Get a random Star Wars name

How I structure Express Apps (example repo)

Utilities to help your webpack config be easier to read

A babel-macro that allows you to import all files that match a glob

A yeoman generator for my open source modules

Get up to speed on the latest, most useful JavaScript features to level up your programming

Pre-evaluate code at build-time with babel-macros

A tool to help generate code for workshop repositories

Use this to save yourself some time when working on a webpack configuration.

Clawdbot running on fly.io

A simple app I made for my wife

A workshop for learning how to write cypress tests

There's a simpler version using Netlify redirects instead of Airtable here

WORK IN PROGRESS: Precompiles CSS-in-JS objects to CSS strings

Set environment variables in npm scripts

A little app I made for my kids for Christmas :)

Verify and setup a repository for workshop attendees

Find built-in ESLint rules you don't have in your custom config

An example of how you might make a babel-plugin-macros macro repo

This is just an example repo I created for my newsletter.

A repo for all of my useful Angular stuff

Created with CodeSandbox

:rocket: Demonstration of ES6 modules and how they transpile to existing module formats

An example of how to use babel as a codemod

A repo to demonstrate JWT implemented with NodeJS and AngularJS. Must download locally to use fully...

Created with CodeSandbox

An example of how to use the setupFilesAfterEnv feature in Jest 24

This is archived because I don't have time to work on it or maintain it, but feel free to explore/fork/etc.

A comparison of the babel plugins codegen, preval, and macros

A (temporary) solution to configure ESLint to be used on TypeScript files

ng2 example app for Philly ETE

An example of how to distribute flow types for modules transpiled with babel and modules bundled with rollup.

An example of how to use @babel/plugin-transform-runtime

Source files for examples from my egghead videos for my blog

A sample app showing how to do SSR, Testing, and use the babel plugin with glamorous

Adds cross-platform kill function to cross-spawn processes

Because we don't have time for spam, nor patience for ignoring it

An angular module that adds a "Once" counterpart to angular's $watch functions which will only call the listener when the expression is defined and then immediately stop the watch.

Clock in and clock out with grunt-clock. Helps to keep a log of how much time you spend working with a file in your project.

Authentication using JWT and AngularJS

hson-loader for webpack

Don't use this please....

Created with CodeSandbox

Created with CodeSandbox

This micro-lib allows you to alter the $PATH in a cross-platform way.

DEPRECATED Sort-of-strong, but also loose email address validator which uses the same regex as Angular 1.

Random Beautiful Backgrounds (rbb)

What Google and Bing recommend for autocomplete on their search can be telling of the attitude the world has on a particular thing.

Website screenshots as a service

A simple module to get the path with process.cwd()

Get random marvel characters.

temp

An example of a Code Coverage report

I just used this as an example of how prepublish works and how to use it

Reproduction of this bug:

A bug report for babel

Clock in and clock out with grunt-clock. Helps to keep a log of how much time you spend working with a file in your project.

A hacky project I made to create the name badges for my Google I/O Extended Utah 2014 event. Don't want to lose the code, but don't want to keep it on my machine either...

This is an isolated reproduced example of this issue :point_right:

Just an example

Typecheck one or more TypeScript files while resolving TypeScript from the target module(s)

An Implementation of TodoMVC with Remix

The Remix version of the fakebooks app demonstrated on https://remix.run. Check out the CRA version: https://github.com/kentcdodds/fakebooks-cra

The Epic Stack + OpenAI chat completion API example

An RSS feed generator for media (audio/video).

Kody Video (kody.video) — hold-to-record clips camera for the web. Privacy-first, on-device.

Using client hints to avoid content layout shift with prefers-reduced-motion and framer motion animations.

Self-hostable kody.codes

Testing litefs with remix

An example of the Epic Stack with CSRF protection on forms

Example of the epic stack

For Jason's 4 web devs challenge

MCP Server for my home

An example for my newsletter of the progression of JavaScript tests from raw to framework

Demo for my talk "Stream Away the Wait" – a talk about making excellent pending experiences.

A demo for my blog post: Optimize Code Splitting with Webpack

This is a simple library containing classes full of helpful methods for Java programmers

demos for my talk at Automation Guild 2019

AngularJS Tutorial

The data for the ?kif command in KCD Discord: https://kcd.im/discord

Repo used in the angular-formly talk at ng-nl conference.

DoubleTakeScript loader. This is a simple way to load a local copy of a library as a fallback to an external CDN.

Podcasts, interviews, and other places that I've had chats and stuff

The practical bits of JavaScript's "standard library" that will make you more productive with JavaScript

Small project to send messages via email and sms where the destinations, subject, and message are given via csv file (leveraging the power of excel)

Created with CodeSandbox

How to redirect using JavaScript (for an https://egghead.io lesson)

Created with CodeSandbox

A dead-simple page to redirect to my workshop feedback form (for shorter URLs)

Some automation scripts and stuff for podcasts and things.

Useful for bindonce contexts.

A step-by-step tutorial for building a simple app to demonstrate how to use Genie.

A just for fun little thing that I wrote...

Because I like doing things the way I like to do them...