What is React Developer Tools?
React Developer Tools is the official extension from the React team. It adds Components and Profiler tabs to Chrome DevTools, so you can inspect the React component tree, props, state and hooks of any page built with React.
The Profiler records renders so you can find slow components and unnecessary re-renders.
Key features
- Inspect component tree, props and state
- Edit props and state live
- Profiler for render performance
- Highlights updates as they happen
Pros
- Official and well maintained
- Essential for React debugging
- Open source
Cons
- Only useful for React apps
- Can slow down very large apps while profiling
Best for
Debugging React appsFinding performance problemsLearning how a React site is structured
Ratings and reviews
No reviews yet. Used it? Be the first to rate it.
React Developer Tools FAQ
Is React Developer Tools free?
React Developer Tools is free and open source, made by the React team at Meta.
Do I need an account to use React Developer Tools?
No. Install React Developer Tools from the Chrome Web Store and it works right away, without an account.
What are some alternatives to React Developer Tools?
Similar free tools that also work without an account include uBlock Origin Lite, Dark Reader, Privacy Badger, Consent-O-Matic, SponsorBlock and Return YouTube Dislike.