Tracing user interactions with React
Explains how to use React's experimental interaction tracing API to monitor user actions and their performance impact.
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.
189 articles from this blog
Explains how to use React's experimental interaction tracing API to monitor user actions and their performance impact.
How using ESLint, Prettier, and TypeScript as static analysis tools can help eliminate common bugs in JavaScript development.
Tips for intentionally building your career and personal brand to gain job security, confidence, and career flexibility.
A guide to improving test error messages when creating abstractions in JavaScript testing frameworks like Jest.
The creator of React Testing Library explains common mistakes developers make and provides advice on how to write better tests.
A guide to using different function forms in JavaScript and React, including personal rules for function declarations, expressions, and arrow functions.
A beginner's guide to learning React by starting with the simplest possible setup using vanilla JavaScript and an HTML file.
Explains the State Reducer pattern for React Hooks, enabling inversion of control for component state management.
Explains why client-side redirects are bad for performance and recommends using server-side redirects instead.
A guide on testing custom React hooks, using a useUndo hook as a practical example to demonstrate effective testing strategies.
Explains why using multiple boolean states like isLoading can lead to UI bugs and advocates for using a single status enum instead.
A comparison of React's useState and useReducer hooks, explaining their trade-offs and when to use each through practical examples.
A guide on using React's Profiler API to monitor and track component render performance in production applications.
Explains why and how to replace the axios HTTP library with a lightweight, custom wrapper around the browser's native fetch API.
Explains why you should make your tests fail to ensure they are actually testing the intended functionality and not giving false confidence.
A guide to building custom DevTools for your web app to improve developer productivity, with a demo React app example.
A guide to fixing the 'not wrapped in act(...)' warning in React component tests, covering class and function components.
The article argues for automating repetitive workflows, highlighting benefits beyond just time-saving, like maintaining focus and reducing mental friction.
A beginner's guide to using native ES Modules directly in the browser, covering setup, import/export syntax, and dynamic imports.
A guide to building a simple finite state machine library in JavaScript from scratch to understand the core concepts.