https://github.com/sidorares/react-show-in-atom

Navigate to line of code where react element is defined by clicking on it
https://github.com/sidorares/react-show-in-atom

Last synced: 21 days ago
JSON representation

Navigate to line of code where react element is defined by clicking on it

• Host: GitHub
• URL: https://github.com/sidorares/react-show-in-atom
• Owner: sidorares
• License: mit
• Created: 2017-02-23T01:46:43.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-06-01T04:52:50.000Z (over 7 years ago)
• Last Synced: 2024-10-13T20:17:01.429Z (about 1 month ago)
• Language: JavaScript
• Size: 6.84 KB
• Stars: 6
• Watchers: 3
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-show-in-atom

Navigate to line of code where react element is defined by clicking on it.

Currently only for Atom editor

installation:

`

npm install -g react-show-in-atom

`

- enable jsx source plugin in your compilation step - https://www.npmjs.com/package/babel-plugin-transform-react-jsx-source

- Add `` to your page

- start server by typing `show-in-atom` ( or `./node_modules/.bin/show-in-atom` if installed locally )

- Command+mouse click on the element to open source for the element, Command+Shift+mouse click to navigate to owner element source.

# linux, osx:

no need to do anything, should connect to atom automatically

# windows:

before starting 'show-in-atom': (TODO: research a way to automate this using node core or windows built in functionality)

1) locate pipe name for atom using [pipelist](https://technet.microsoft.com/en-us/sysinternals/dd581625.aspx)

2) set `ATOM_SOCK` variable to be `\\.\pipe\[pipe name]`