Reactide is a dedicated IDE (integrated development environment) for React application development. It’s a cross-platform tool that allows you to render React components without any build or server configuration. Reactide runs an integrated Node server and a custom browser simulator. It makes state flow visualization possible as well.
React Studio is a great tool if you are a designer who wants to build React apps without any coding knowledge. It’s a visual design tool that allows you to create React components and app flows based on your designs. React Studio also has built-in drawing tools, a mobile viewer, and even lets you import your files from Sketch.
It takes some time to set up an environment for a new React project with all the requirements. To help developers, Facebook released its Create React App project on Github. It’s a single command-line tool with which you can quickly get a new React app up and running. It provides you with a frontend build pipeline, sets up a developer environment, and optimizes your app for production. It works with zero configuration and you can use it with any backend language.
Storybook is a UI development environment for React components, used in production by companies like Coursera, Squarespace, and Lonely Planet. It lets you develop and test React components interactively and you can also build your own component library. With Storybook, you can view the different states of each component and develop it in isolation from your app, which results in better reusability.
CodeSandbox is an online code editor and live playground created and fine-tuned specifically for web app development. The tool aims to enable developers to start building React apps in their browsers within a sandbox available by a single URL. CodeSandbox is not only for React, they also provide you with online editors for Angular, Vue, and Preact.