in this section we will see best useful chrome extensions tools for react js developer in 2023. For this tutorial we will not include 10 or 15 chrome extensions that doesn't make any sense if you add more and more chrome extensions browser will slow. In real world you use few chrome tools. Here is 5 best react developer tools chrome for 2023 you should use.
1. React Developer Tools
React Developer Tools is one of best chrome extension tools for react js developer. You can see react components and change value of state & props. You have must use this extension if you are react developer.
react developer tools
2. JSON Formatter
If you are fetch api you can also test in you chrome bowser but it look not that good also you can can't click image or other link with the help of JSON Formatter You can click link and format api It is good extension for react and other developer.
Before using json formatter.
before using json formatter
After using json formatter.
after using json formatter
3. Awesome Screenshot and Screen Recorder
Awesome Screenshot and Screen Recorder is best chrome extension you can click screenshot your react project error & bug and shared with your friend & teammates. You can highlight, resize image and full page screenshot.
awesome screenshot
4. Page Ruler
Page Ruler is useful for checking height & width page elements or components like card, button, section etc. You can check any website layouts height width px sizes.
page ruler
5. Fake Filler
Fake Filler is the form filler to fill all input fields on a page with randomly generated fake data. This productivity boosting extension is a must for developers it will save your lots of time.
fake filler
