The scratchpad works!

Author: queerviolet

.firebaserc

@@ -1 +1,5 @@
-{}
+{
+  "projects": {
+    "firebones": "firebones-6bc2a"
+  }
+}

.gitignore

@@ -10,3 +10,6 @@ public/bundle.js.map
 
 # NPM errors
 npm-debug.log
+
+# Firebase debug log
+firebase-debug.log

app/components/Scratchpad.jsx

@@ -0,0 +1,22 @@
+import React from 'react'
+import firebase from 'APP/fire'
+
+export default class extends React.Component {
+  componentDidMount() {
+    this.unsubscribe = firebase.database().ref('scratchpad').on('value', snapshot => this.setState({value: snapshot.val()}))
+  }
+
+  componentWillUnmount() {
+    this.unsubscribe()
+  }
+
+  write = (event) => firebase.database().ref('scratchpad')
+    .set(event.target.value)
+
+  render() {
+    const {value} = this.state || {}
+    return (
+      <textarea value={value} onChange={this.write}/>
+    )
+  }
+}

app/components/WhoAmI.jsx

@@ -19,8 +19,9 @@ export default class extends React.Component {
     this.unsubscribe()
   }
   render() {
+    const {user} = this.state || {}
     return (
-      <WhoAmI user={this.state.user}/>
+      <WhoAmI user={user}/>
     )
   }
 }

app/main.jsx

@@ -9,6 +9,7 @@ import Jokes from './components/Jokes'
 import Login from './components/Login'
 import WhoAmI from './components/WhoAmI'
 import NotFound from './components/NotFound'
+import Scratchpad from './components/Scratchpad'
 import firebase from 'APP/fire'
 
 firebase.auth().onAuthStateChanged(user => user || firebase.auth().signInAnonymously())
@@ -25,8 +26,9 @@ render(
   <Provider store={store}>
     <Router history={browserHistory}>
       <Route path="/" component={ExampleApp}>
-        <IndexRedirect to="/jokes" />
+        <IndexRedirect to="/scratchpad" />
         <Route path="/jokes" component={Jokes} />
+        <Route path="/scratchpad" component={Scratchpad} />
       </Route>
       <Route path='*' component={NotFound} />
     </Router>

package.json

@@ -53,7 +53,6 @@
     "express": "^4.14.0",
     "finalhandler": "^1.0.0",
     "firebase": "^3.9.0",
-    "firebase-tools": "^3.6.1",
     "homedir": "^0.6.0",
     "passport": "^0.3.2",
     "passport-facebook": "^2.1.1",