Item logo image for React Click To Component

React Click To Component

http://www.imadhusanka.me/
3.7(

3 ratings

)
Item media 2 (screenshot) for React Click To Component
Item media 1 (screenshot) for React Click To Component
Item media 2 (screenshot) for React Click To Component
Item media 1 (screenshot) for React Click To Component
Item media 1 (screenshot) for React Click To Component
Item media 2 (screenshot) for React Click To Component

Overview

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.

3.7 out of 53 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    0.5
  • Updated
    September 8, 2024
  • Size
    39.26KiB
  • Languages
    English (United States)
  • Developer
    Website
    Email
    ahtimadhusanka@gmail.com
  • Non-trader
    This 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

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

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

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

React in ChatGPT

3.0(1)

Render React components directly in ChatGPT

React Spy

4.8(5)

Find code from UI, or, find UI from code!

HTML to React

4.3(6)

The fastest and smartest way to analyze HTML elements and generate full React component representations.

React test selectors extensions

5.0(1)

Extensions for building and watching selectors for react

Reactime

4.7(35)

A Chrome extension for time travel debugging and performance monitoring in React applications.

LocatorJS

4.4(77)

LocatorJS Chrome Extension - option-click to code (ReactJS)

React code finder

5.0(4)

Chrome extension for React Developer

React Executor Devtools

0.0(0)

Devtools for React Executor.

React Context DevTool

4.5(24)

Devtool for React Context and useReducer

Jinno: code any React component with AI

4.8(38)

Develop html or react components with AI and chat GPT4. We can modify the React, HTML and CSS code for you.

C-React

5.0(4)

A Chrome Extension tool that visualizes React rendering of components

Extract to React

1.7(7)

Chrome/Chromium extension that allows easy HTML to React conversion.

React in ChatGPT

3.0(1)

Render React components directly in ChatGPT

React Spy

4.8(5)

Find code from UI, or, find UI from code!

HTML to React

4.3(6)

The fastest and smartest way to analyze HTML elements and generate full React component representations.

React test selectors extensions

5.0(1)

Extensions for building and watching selectors for react

Reactime

4.7(35)

A Chrome extension for time travel debugging and performance monitoring in React applications.

LocatorJS

4.4(77)

LocatorJS Chrome Extension - option-click to code (ReactJS)

React code finder

5.0(4)

Chrome extension for React Developer

React Executor Devtools

0.0(0)

Devtools for React Executor.

Google apps