9 Tools You May Want to Use with React

0xkoji - Jul 20 '19 - - Dev Community

create-react-app

Sometimes we don't need to use this, but generally, this is a very good tool to create a reactjs project.

https://facebook.github.io/create-react-app/docs/getting-started

And easy to add typescript which is great!!!
https://facebook.github.io/create-react-app/docs/adding-typescript

React Developer Tools

In terms of this Chrome extension, not may want to use but really need to use lol.

https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en

Redux Devtools

This is also must-use when using redux.

https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=en

React Studio

This looks like Bootstrap studio for Reactjs to me.
React Studio lets you create components either visually or in code, then use them interchangeably in your designs.

https://reactstudio.com/

Storybook

Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
https://storybook.js.org/

Probably most people use this. Storybook can speed up our development.

Bit

Bit helps your team share components and collaborate to build faster together. Give it a try.
https://bit.dev/

I haven't used this yet but looks really great and useful. Will try this soon.

react-cosmos

Cosmos scans your project for components and enables you to:

  1. Render components under any combination of props, context and state
  2. Mock every external dependency (eg. API responses, localStorage, etc)
  3. See app state evolve in real-time while interacting with running instances

https://github.com/react-cosmos/react-cosmos

Sounds incredible.

REACTIDE

Reactide is the first dedicated IDE for React web application development.

http://reactide.io/

SideView

SideView is a desktop app that enables you to run your components in isolation

https://sideview.app/

Got a message from creator, Hampus Ahlgren. Haven't tried it yet(so sorry).

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .