9 Must-have React Developer Tools to Create Better Apps Faster

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
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • react-styleguidist

    Isolated React component development environment with a living style guide

  • This is yet another tool that offers an interactive way of creating and sharing UI components. And there’s no better representation of how React Styleguidist works than this GIF. On the right window, you have the code. The left window is where that code is concurrently rendered into a UI. And if required, you can also test and directly edit the code on the rendered side.

  • create-react-app

    Set up a modern web app by running one command.

  • Developed by Facebook, Create React App is a tool that you can use to quicken the process of setting up a React IDE. The command-line tool does all the essential bits for you, including providing a consistent app structure, enabling developers with a front-end build pipeline, and adding the right support modules. The result? Your dedicated developer can get on with the task sooner and save you time.

  • 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
  • storybook

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

  • Storybook is an online app that lets you create UI components, which are central to ReactJs web development. Where Storybook shines though is that it makes the component creation aspect of React independent and interactive. It does this by letting you create components outside of your app and test them in a kind of sandbox.

  • React-Sight

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

  • Source

  • why-did-you-render

    why-did-you-render by Welldone Software monkey patches React to notify you about potentially avoidable re-renders. (Works with React Native as well.)

  • The aptly named Why did you render alerts you in the console when an avoidable render occurs. This is a useful attribute to have as it’s not always easy to understand when React components render or rather when they shouldn’t. It’s also an excellent tool for debugging React components, especially if yours is an upstart ReactJS web development team.

  • react-proto

    :art: React application prototyping tool for developers and designers :building_construction:

  • Source

  • react-bootstrap

    Bootstrap components built with React

  • Bootstrap is a powerful toolkit that comprises HTML, CSS, and JavaScript tools to help you create webpages and applications – even if you lack expertise or experience with any of those technologies. With React Bootstrap, the JavaScript parts of Bootstrap have been rewritten to make them compatible with React.js development. If you are looking for readily accessible React components, it makes a lot of sense to go with React Bootstrap.

  • 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.

    InfluxDB logo
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