How to React ⚛️
A guide on learning React effectively, focusing on understanding JavaScript fundamentals and the costs/benefits of abstractions.
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
A guide on learning React effectively, focusing on understanding JavaScript fundamentals and the costs/benefits of abstractions.
The author explains their mission to improve software quality through education and their enthusiasm for the Remix framework as the best tool for building websites.
Explains how to properly handle and type error messages in TypeScript catch blocks, which default to the 'unknown' type.
Explains how Remix's unique feature prevents CSS clashes by dynamically loading and unloading stylesheets per page.
A technical guide on implementing a blur-to-load image experience to prevent layout shift and improve loading performance.
Kent C. Dodds announces his redesigned website, detailing its extensive learning resources for software engineers, including courses, podcasts, and workshops.
A developer details the tech stack and architectural decisions behind the 2021 rewrite of their complex, feature-rich personal website.
A guide on best practices for using React Context, including avoiding default values and structuring multiple contexts.
Explains the Testing Trophy, a model for JavaScript testing ROI, covering E2E, Integration, Unit, and Static tests.
The article argues for eliminating problems at their root rather than just solving them, using examples from software and business.
A developer compares using array reduce, method chaining, and for loops in a Node.js script, arguing for practicality over premature optimization.
A technical guide for experienced developers on building a Remix app from scratch, bypassing the standard CLI to understand its core components.
A guide to getting started with ESModules in Node.js, covering setup and common errors.
A guide on writing React components in TypeScript, covering prop typing and avoiding common pitfalls like React.FC.
A guide to using a Constrained Identity Function (CIF) in TypeScript to improve type safety for objects like a calculator's operations.
Explains JavaScript's pass-by-value for function parameters using a closure example, showing why reassigning a variable doesn't update logged values.
A guide to optimizing React context value for performance, recommending state/dispatch separation and warning against premature optimization.
A guide to different TypeScript function syntaxes, explaining when to use ':' vs '=>' for return types with practical examples.
Explores the 'build vs buy' decision for UI component libraries, weighing custom development against using existing solutions.
Learn how to use the Intl.ListFormat API in JavaScript to properly format arrays into human-readable lists with correct grammar and internationalization.