Are you working with a JavaScript library ReactJS?
These are 11 must-use tools for development.
THREAD 🧵 ↓
1. useHooks
Easy to understand React Hook recipes.
There are tons of customized hooks that you can use right out of the box to save your time.
usehooks.com
2. React Sight
Visualize your React application in minutes.
➵ No Setup Required
➵ Works with all libraries
➵ Support to Hide/Show components
reactsight.com
3. Bundle Analyzer
Webpack plugin and CLI utility that represents bundle content as a convenient interactive zoomable treemap.
Find out what is consuming more space in your build in seconds.
github.com/webpack-contri…
4. Why Did You Render
It monkey patches React to notify you about potentially avoidable re-renders.
Works with React Native as well
github.com/welldone-softw…
5. React Chrome Extension
It allows you to inspect the React component hierarchies in the Chrome Developer Tools.
Catch multi rerendering within your app in minutes.
chrome.google.com/webstore/detai…
6. Storybook
Build component-driven UIs faster.
Storybook is an open-source tool for building UI components and pages in isolation.
It streamlines UI development, testing, and documentation.
storybook.js.org
7. Formik
Build forms in React, without the tears.
Formik comes with battle-tested solutions for input validation, formatting, masking, arrays, and error handling.
formik.org
8. CodeSandBox
Create, share, and get feedback with collaborative sandboxes for rapid web development.
An online IDE for rapid web development.
codesandbox.io
9. ESLINT
Find and fix problems in your JavaScript code
eslint.org
10. React Hot Loader
Tweak React components in real-time.
React Hot Loader will keep it mounted, preserving the state.
gaearon.github.io/react-hot-load…
11. ReactJS CheatSheet
React Code Snippets that you will love.
devhints.io/react
Thanks for stopping by and reading about this.
1. Retweet to inspire others
2. Like if you loved this
3. Follow @MakadiaHarsh for more such tips and tricks
Cheer! 🥂
Back to Top 🔝
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.