React Sight

Getting Started

Enable React DevTools

React Sight requires React Dev Tools for reading information about your App. Simply add to Chrome if you don't have it installed

Add React Sight to Chrome

Install React Sight from the Chrome web store.
For local projects, check 'Allow access to file URLs' on the extensions page

Run your Application

Open your React application, or open (almost!) any website running React!

Open React Sight

Open the Chrome Developer Tools and click the React Sight panel

Contribute on GitHub

https://github.com/React-Sight/React-Sight

Features

No Set up required

React Sight requires NO modification to your codebase, so using it is as simple as adding our Chrome Extension

Works with All your favorite libraries

React-Sight supports React 14.7+ (including Fiber), React Router v4, React Redux, and more

Built for Speed

React-Sight is light-weight and unobtrusive, and will show you how your Application is working

See only what you want to see

Built in filters allow you to hide elements you don't want to see, allowing you focus only on the components that you've written

DEMO

React Sight
Hide Router
Hide DOM
Hide Redux
Horizontal Spacing

Vertical Spacing

Store
State
Props

MEET THE TEAM

Take a closer look into our amazing team. We won’t bite.

William He

Software Engineer @ test.ai

D3 charting wizard. Basketball Fanatic. Traveling Enthusiast.

Grant Kang

Software Engineer @ Quartz Insights

Breaker of Bugs
(Builder of Bugs)

David Sally

Software Engineer @ MeUndies

Something something Bootstrap template 👀