React Click To Component in Chrome with OffiDocs
React Click To Component Chrome web store extension
DESCRIPTION:
Run the Chrome online web store extension React Click To Component using OffiDocs Chromium online.
React Click To Component, a Chrome extension to open a React component in the editor by clicking on it.
React Click To Component, is a Chrome extension to open a React component in the editor by clicking on it.
`Option + Click` (on MacOS) or `Alt + Click` (on Linux/Windows) takes you to the code editor
The extension also supports TurboPack builds where the project root is not exposed. You'll just need to setup the project root file when prompted. The updated value can be manipulated on the localStorage as required.
To see how this works, checkout the repo at and raise any issues on the extension at the GitHub repository. And if you like the extension, star the repo too!
Features
- Option + Click or Alt + Click on a component to open the file in an editor
- Highlight the component name when hovering over it with Option/Alt key pressed
- Supports Turbopack builds with manually defined project roots (that can be changed simply by updating the localStorage key clickToReact-projectPath-{HOST})
- Now the extension copies the path to clipboard instead of opening the file, for editors that doesn't support opening file:// URLs. You can set the editor with clickToReact-editor-{HOST} localStorage key.
React Click To Component web extension integrated with the OffiDocs Chromium online