Skip to content
React Libraries
On this page

Understand and improve a codebase

Inspect components, analyze dependencies, generate files, and apply code checks.

Options for this task

Jump to a library or tool (15)

Biome

Developer tool

A formatter and linter for web-project source code.

Good for
Applying consistent formatting and automated code checks.

Bippy

Developer tool

Utilities for inspecting React's internal component structures.

Good for
Building specialized React debugging and inspection tools.

Code Inspector

Developer tool

A development tool that connects rendered page elements to their source code.

Good for
Opening the corresponding component in an editor directly from the browser.

dependency-cruiser

Developer tool

A dependency analysis tool with configurable architecture rules.

Good for
Detecting forbidden imports, cycles, and structural drift in a codebase.

envinfo

Developer tool

A utility that reports development environment information.

Good for
Collecting reproducible environment details for debugging and issue reports.

Hygen

Developer tool

A code generator that uses templates kept inside a project.

Good for
Creating consistent components and files from local conventions.

is-reference

Developer tool

A helper that identifies references in JavaScript syntax trees.

Good for
Writing code-analysis tools that distinguish references from other syntax nodes.

its-fine

Developer tool

Escape-hatch utilities for specialized React integrations.

Good for
Handling unusual React integration requirements beyond ordinary component APIs.

Knip

Developer tool

A tool for finding unused files, exports, and dependencies.

Good for
Cleaning up a JavaScript or TypeScript project's unused code.

Madge

Developer tool

A dependency-graph tool for JavaScript projects.

Good for
Finding circular dependencies and understanding module relationships.

mdxlint

Developer tool

A command-line linter for MDX documents.

Good for
Checking documentation that combines Markdown and JSX.

A calculator for estimating collisions in randomly generated Nano IDs.

Good for
Choosing an ID length based on an application's expected volume.

next-cache-toolbar

Developer tool

A development toolbar for inspecting Next.js caching behavior.

Good for
Debugging cache interactions while building a Next.js application.

Replay

Developer tool

A tool for recording and replaying application execution.

Good for
Investigating bugs by revisiting a recorded browser session.

A TypeScript language-service plugin for CSS Modules.

Good for
Getting editor assistance for CSS class names imported into TypeScript.

Before you decide

Try a small, realistic example. Check the runtime, accessibility, maintenance, and license requirements for the features you need.

Browse developer tools & code health →

Explore more tasks →