DEV Community

0xkoji
0xkoji

Posted on • Edited on

9 Tools You May Want to Use with React

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

Top comments (3)

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.

Some comments may only be visible to logged-in visitors. Sign in to view all comments.