loading...

9 Tools You May Want to Use with React

kojikanao profile image Koji (he/him) ・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).

Posted on by:

kojikanao profile

Koji (he/him)

@kojikanao

Looking for opportunities! Software Engineer in NYC/Research Resident@NYU-ITP18-19 Mostly I work with reactjs and sometimes python. code to do something weird/useless/helpful Japanese

Discussion

markdown guide
 

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

 

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

 

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.