| import { HTTPFetchNetworkInterface, printAST } from 'apollo-client'; | |
| /** | |
| * Serialize a object to a query string | |
| * @source https://stackoverflow.com/questions/1714786/query-string-encoding-of-a-javascript-object#comment47677757_18116302 | |
| */ | |
| function serialize( obj ) { | |
| return `?` + Object.keys(obj).map(k => k + `=` + encodeURIComponent(obj[k])).join(`&`); | |
| } |
| // How to ensure that our animation loop ends on component unount | |
| componentDidMount() { | |
| this.startLoop(); | |
| } | |
| componentWillUnmount() { | |
| this.stopLoop(); | |
| } |
Ideas are cheap. Make a prototype, sketch a CLI session, draw a wireframe. Discuss around concrete examples, not hand-waving abstractions. Don't say you did something, provide a URL that proves it.
Nothing is real until it's being used by a real user. This doesn't mean you make a prototype in the morning and blog about it in the evening. It means you find one person you believe your product will help and try to get them to use it.
| export class SyncPath { | |
| constructor(rootRef, path) { | |
| this._rootRef = rootRef; | |
| this.user = this._rootRef.getAuth(); | |
| this._userDataRef = this._rootRef.child(path).child(this.user.uid); | |
| this.data = {}; | |
| this._userDataRef.on('value', (snap) => this.data = snap.val() || {}); | |
| } | |
| keys() { | |
| return Object.keys(this.data); |
@kangax created a new interesting quiz, this time devoted to ES6 (aka ES2015). I found this quiz very interesting and quite hard (made myself 3 mistakes on first pass).
Here we go with the explanations:
(function(x, f = () => x) {
| var Firebase = require("./firebase-node.js"); | |
| function Queue(ref) { | |
| this._ref = ref; | |
| } | |
| Queue.prototype.pop = function(cb) { | |
| this._ref.startAt().limit(1).once("child_added", this._pop.bind(this, cb)); | |
| } |
| #!/bin/bash | |
| # TODO: skip tiny files (so small they couldn't be photos) | |
| # TODO: make sure sym links and other file system oddities are handled | |
| # | |
| # Constants | |
| # | |
| CHAR_COUNT=12 | |
| BLOCK_COUNT=6 | |
| SKIP_SIZE=3 # Every new block is sampled by skipping this amount of blocks to the next position |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| <div id="root"></div> | |
| <script id="jsbin-javascript"> |
| One | Many | |
|---|---|---|
| Synchronous | T/Try[T] | Iterable[T] |
| Asynchronous | Future[T] | Observable[T] |