RE

React Devtools

@tanstack/react-devtools

TanStack Devtools is a set of tools for building advanced devtools for your React application.

Utilities
react
devtools
@tanstack/react-devtools
Utilities
javascript
npm
frontend
open source
ui
library
Stars
496
Weekly
1.5M
Open issues
55
Bundle
~25 kB

Installation

npm install @tanstack/react-devtools

Code example

import { useDevtools } from "@tanstack/react-devtools";

export function Example() {
  const value = useDevtools();
  return <p>{String(value)}</p>;
}

Pros & cons

Pros

  • Actively maintained by Tanner Linsley
  • 1.5M weekly downloads. Battle tested
  • First-class TypeScript definitions
  • MIT licensed

Considerations

  • Adds roughly ~25 kB to your bundle
  • Needs client-only rendering in SSR frameworks
  • Not supported in React Native
  • 55 open issues on GitHub

FAQs

Alternatives & similar libraries