loading...

9 Tools You May Want to Use with React

kojikanao profile image Koji (he/him) Updated on ・2 min read

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

Discussion

pic
Editor guide
Collapse
bottas profile image
Luis Carvalho

Thanks, I've just started to use React and I'll check this out!

Collapse
sveng profile image
sven

I always WANT to use storybook, but never get around to set it up properly.

Collapse
pro1design profile image
pro1design

Thank you for such an interesting article. I will gladly try to use your recommendations in the work. Also found one agency that works with react, scandiweb.com/services/magento-rea.... It will be interesting to hear your opinion about this agency.