13 best React debugging tools

This page summarizes the projects mentioned and recommended in the original post on dev.to
React JavaScript Testing Components UI

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured

  • React-Sight

    Visualization tool for React, with support for Fiber, Router (v4), and Redux

    • React Sight marks its presence in the domain of React debugging tools by offering a unique visualization advantage. Designed to delineate the component hierarchy in React applications, this tool proves to be a reliable companion for developers. Compatible with React version 14.7 and onwards, including Fiber, React Sight extends its support to libraries like React Router and Redux.

  • storybook

    Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

    • Storybook emerges as a pioneering solution among React debugging tools, offering an interactive environment for developers to create and test UI components. With its robust platform, teams can build, organize, and design UI components, and even entire screens, without the hurdles of business logic and plumbing.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • cosmos-js

    Sandbox for developing and testing UI components in isolation

    • React Cosmos emerges as an invaluable asset among React debugging tools, tailored for both React and React Native projects. It stands out by offering a conducive environment for developers to meticulously work on, test, and iterate UI components, ensuring they seamlessly integrate with the intended application settings.

  • jest

    Delightful JavaScript Testing.

    • Jest is a well-regarded JavaScript testing framework primarily designed for React applications, although its utility extends to projects using Babel, JavaScript, Node, Angular, and Vue. Created by Facebook, Jest emphasizes ensuring the correctness of JavaScript codebases. It allows developers to write tests with a familiar, feature-rich API, making the testing process swift and enjoyable​​.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Unlocking the frontend – a call for standardizing component APIs pt.2

    8 projects | dev.to | 5 Mar 2024

  • PSA: Storybook sends telemetry data, opt-in by default

    3 projects | news.ycombinator.com | 21 Sep 2023

  • Beginner's Thread / Easy Questions (May 2022)

    3 projects | /r/reactjs | 10 May 2023

  • [AskJS] Which JS libraries and packages are currently your favourites?

    14 projects | /r/javascript | 4 Feb 2023

  • Storybook 6.5 is out—new workflows and perf improvements

    1 project | /r/reactjs | 25 May 2022