Andrew Levine DrewML

React DevTools Research

Shell - A view layer for the inspector
- Shells included: Chrome, Firefox, and plain (iframe)
Front End - A react application that mimics the typical DevTools element panel (node tree)
- Is always displayed inside a shell
- Receives data from bridge
- Fires the following events
setState

	// Application title bar
	body.dark .aui-header {
	background: #000;
	}

	// "New Chat" button
	body.dark .aui-header .aui-button {
	background: #3C4444;
	}

	// Note: ES6 syntax requires a version of Node.js >= 4.0.0
	'use strict';

	// Can use any lib (or none, if you choose) to parse args.
	// "npm install yargs --save" to use this example as-is
	let argv = require('yargs').argv;

	const DELIMITER = ',';
	const TAG_IDENT = '#';
	let tagsOpt = typeof argv.tags === 'string' && argv.tags;