Skip to content

Instantly share code, notes, and snippets.


Andrew Levine DrewML

View GitHub Profile
View hipchat-titlebar.css
// Application title bar
body.dark .aui-header {
background: #000;
// "New Chat" button
body.dark .aui-header .aui-button {
background: #3C4444;
DrewML /
Last active Oct 8, 2015
A high-level overview of React DevTools new cross-browser extension

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
You can’t perform that action at this time.