react-visualizer/chrome-extension at dev · oslabs-beta/react-visualizer · GitHub

Name		Name	Last commit message	Last commit date
parent directory ..
__tests__		__tests__
build		build
src		src
.eslintignore		.eslintignore
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
.prettierignore		.prettierignore
.prettierrc		.prettierrc
LICENSE		LICENSE
README.md		README.md
jest.config.ts		jest.config.ts
package-lock.json		package-lock.json
package.json		package.json
tsconfig.json		tsconfig.json
webpack.config.js		webpack.config.js

README.md

C-React Chrome DevTool

Option 1: Install C-React DevTool from the Chrome Web Store

Open your React application, or any website
Open Chrome Developer Tools and click on the C-React panel
Watch the tree update dynamically as you navigate through your web page
Click on tree nodes to see corresponding element highlighted on your web page, if using our custom renderer

Option 2: Install C-React DevTool locally

Clone this repo onto your local machine
Go to Chrome Extensions for manual installation (chrome://extensions/)
Click on Load unpacked
Select react-visualizer/chrome-extension/build/ to load this extension

ManualChromeDemo.mp4