{"repo":"zthxxx/react-dev-inspector","free":true,"listed":false,"github":"https://github.com/zthxxx/react-dev-inspector","clone":"git clone https://github.com/zthxxx/react-dev-inspector.git","description":"jump to local IDE code directly from browser React component by just a simple click","language":"TypeScript","stars":1318,"topics":["react","fiber","inspector","dev","react-inspector"],"license":"MIT","category":"ui-components","readme_excerpt":"React Dev Inspector Introduction react-dev-inspector is the tool for seamlessly code navigation from browser to IDE. With just a simple click , you can jump from a React component on the browser to its source code in your local IDE instantly. Think of it as a more advanced version of Chrome's Inspector. See the document on: https://react-dev-inspector.zthxxx.me Why React Dev Inspector Have you ever run into any of these issues 🤔: - You've got to fix some bugs in your team's project, but you have no idea where the heck page/component's code is located. - You're eager to dive into an open-source project that interests you, but it's hard to find where the code for the page/component is implemented. - You may thinking about a component and want to quickly peek at its code, but don't want to memorize or manually expand those never-ending deep file paths. That's exactly why react-dev-inspector was created. Quick Look Just check out this demo below and you'll get it in a snap. Showcase: https://react-dev-inspector.zthxxx.me/showcase screen record: Wanna try out the demo right now? Sure, here is the online demo: How to Use and Configure According to the working pipeline below, the Part.1 and Part.2 are what you need configure to use. Basically, it's includes: 1. add the component in your page 2. integrate the middleware in your framework's dev-server Check the Documentation Site for more details How It Works Here is the working pipeline of react-dev-inspector : 0. Inject JSX Source ","default_branch":null,"files":null,"tree":[],"storefront":"/r/zthxxx","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/zthxxx/react-dev-inspector/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}