There are a few different ways to achieve this, but one of the best is to use React Developer Tools. This toolset lets you inspect the components in your application, see their props and state, and even modify them in real-time. In this presentation, we’ll take a look at nine must-have React Developer Tools that will help you write cleaner code.

2. Top 5 React Developer Tools in 2022
Check out the top react developer tools:
• React-native-debugger
• Redux-devtools
• Reselect-tools
• Storybook
• ESLint

3. React-native-debugger
This is a standalone debugging react developer tools applications. It has similar features to react-
devtools, but also includes some extra features like being able to inspect the layout of
ReactNative elements.

4. Redux-devtools
This tool allows you to inspect the Redux store in your application and see the actions that have been
dispatched, the reducers that have been run, and the resulting state changes.

5. Reselect-tools
Reselect is a selectors library for Redux applications. Selectors are used to compute derived data from the Redux store
state.

6. Storybook
Storybook allows you to focus on developing individual components without having to worry about
how they will fit into the overall application structure.

7. ESLint
ESLint is a popular JavaScript linter that can help you find and fix syntax errors in your code.

8. Thank You