What is JSX?
An explanation of JSX in React, showing how it compiles to JavaScript and React.createElement calls.
KentCDodds.com is the personal website and blog of Kent C. Dodds, a software engineer, educator, and open-source contributor known for his work in the React ecosystem. He writes about modern web development, testing, accessibility, performance, and developer experience, focusing on how to build reliable, maintainable, and scalable applications. Kent is the creator of popular libraries such as Testing Library and Remix, and his articles often highlight practical approaches to writing better React components, handling state, and improving user experience. Beyond tutorials, the site features courses, workshops, podcasts, and conference talks, all aimed at helping developers learn by doing. With his teaching-first philosophy and clear explanations, KentCDodds.com has become one of the most trusted learning resources in the React and JavaScript community.
194 articles from this blog
An explanation of JSX in React, showing how it compiles to JavaScript and React.createElement calls.
The author argues against using shallow rendering for React component testing, explaining its pitfalls and advocating for better alternatives.
Announcing the release of downshift 2.0.0, featuring improved accessibility, React Native support, a simpler API, and better TypeScript definitions.
An article exploring the causes of FOMO (Fear Of Missing Out), its paralyzing effects, and practical strategies for managing it.
A guide to using ES6 default parameters in JavaScript functions to simplify code and handle required arguments.
A guide comparing the Control Props and State Reducers patterns in React, explaining their use cases and differences.
A guide to writing custom Babel macros for zero-config code transformation, using a fun example to get started.
A developer shares practical steps for learning and contributing to an open source codebase, from reading guidelines to debugging.
A guide to combining multiple advanced React patterns like Render Props, Compound Components, and HOCs into a single component.
Explains React prop drilling, its problems, and solutions for avoiding it in component trees.
A guide to using the React DevTools browser extension for inspecting and debugging React component state.
Explores the power of React's render prop pattern for building composable, flexible components, using Downshift as a key example.
Introducing react-testing-library, a lightweight React testing utility that encourages testing components like a user would.
A guide on migrating React components from the old Context API to the new official one, using a Toggle component as an example.
The article argues for writing pure JavaScript modules that export functions to improve performance, debuggability, and tree-shaking.
An explanation of JavaScript mocking using a thumb war game example to test a non-deterministic function.
A developer shares three actionable ideas to help software engineers increase their marketability and stand out in the job market.
The author explains how teaching others solidifies your own learning and outlines their personal learning process.
A historical React article explaining when to avoid the render props pattern, advocating for custom hooks as a superior alternative.
Answers common React render props questions on performance and code organization, with examples from community feedback.