/React-SightChromeExt

Chrome extension

Primary LanguageJavaScript

React Sight

React Sight is a live view of the component hierarchy tree of your React application with support for React Router and Redux.

Set Up

  1. Make sure you've added React Dev Tools to Chrome.

  2. Install React Sight from the Chrome web store

  3. If you are running local file URLs, make sure to enable "Allow access to file URLs" in the extension settings for both React Dev Tools and React Sight

  4. Run your React application, or open (almost!) any website running React!

  5. Open Chrome Developer Tools (cmd+opt+j) -> React Sight panel

Contributing

Found a bug? Have a suggestion?

Please submit issues/pull requests if you have feedback or would like to contribute. If you're interested in joining the React Sight team as a contributor, feel free to message one of us directly.

Authors

David C Sally (https://github.com/davidcsally)

Grant Kang (https://github.com/Grant05)

William He (https://github.com/hewilliam)

License

This project is licensed under the MIT License - see the LICENSE.md file for details