13 best React debugging tools

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • 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