Overview
Degub Tool For React Developers
💡It is a chrome extension that can improve and speed up the debugging process for react applications 📈It resolves the common problem that occours in every Big React Application, when there is something to change it's so hard to find the relative file component, maybe nested in another component, nested in another component and so on.. 🔎So basically this extension helps you to find that file is simple as hover on the element. ✅Yes, just by hovering on that element you can see the path of that element like "/src/component/navbar.jsx" In addition you can open directly that file in Visual Studio Code by clicking on it. 1. React x panel recognizes every component that follows this pattern RXP-<id>-RXP, where \<id> is unique identifier that you can choose, **so you have to add this id on every component that you want to track, otherwise it will be ignored 2. Then, in google chrome follow these steps in the dev tool (on the url of your application) 3. That's the result 4. Now you can prompt your react app src (without /src at the end) like this: 5. Now you can finally debug your react app ☀️ if you want to contribute source code: https://github.com/Giuseppe7887/x-panel
Details
- Version1.2
- UpdatedJuly 14, 2024
- Offered byGiuseppe7887
- Size35.93KiB
- LanguagesEnglish
- Developer
Email
giuseppegravante078@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
