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.
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.
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:
- Render components under any combination of props, context and state
- Mock every external dependency (eg. API responses, localStorage, etc)
- 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.
SideView
SideView is a desktop app that enables you to run your components in isolation
Got a message from creator, Hampus Ahlgren. Haven't tried it yet(so sorry).
Top comments (3)
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.
Some comments may only be visible to logged-in visitors. Sign in to view all comments.