Skip to content

Instantly share code, notes, and snippets.

Avatar

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
DrewML / react-devtools-architecture-research.md
Last active Oct 8, 2015
A high-level overview of React DevTools new cross-browser extension
View react-devtools-architecture-research.md

React DevTools Research

Concepts

  • 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.