eiriklv

// How to ensure that our animation loop ends on component unount

componentDidMount() {
  this.startLoop();
}

componentWillUnmount() {
  this.stopLoop();
}

eiriklv

/**
 * Example of empty game using 2D representation
 */
const exampleGame2D = [
  ['', '', ''],
  ['', '', ''],
  ['', '', ''],
];

/**

eiriklv

/**
 * Dependencies
 */
const { plural } = require('pluralize');

/**
 * Get an item from an array collection by id
 */
const getByIdFromArray = (collection = []) => (id = '') => {
  return collection.find((item = {}) => item.id === id);

eiriklv

const { log } = console;

const Undefined = new Proxy(function() {}, {
  get(target, key, receiver) {
    if (key === 'name') {
      return 'Undefined';
    }

    return Undefined;
  },

eiriklv

/**
 * Modeling an online store with categories, sub-categories and products
 *
 * NOTE: The important thing is to be able to
 * describe any requirement with the chosen data model
 *
 * NOTE: Another important thing is conventional interfaces
 * and impedance matching. Data should just flow through the
 * functions without needing to conform to many different interfaces
 */

eiriklv

Make it real

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.

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

Do it with style

eiriklv

/**
 * Import dependencies
 */
const { EventEmitter } = require('events');
const ReconnectingWebSocket = require('reconnecting-websocket');

/**
 * Export a function that creates a websocket connection interface
 */
export default function createReconnectingWebsocket(uri) {

eiriklv

/**
 * Modeling a step-wise form with data
 *
 * NOTE: The important thing is to be able to
 * describe any requirement with the chosen data model
 *
 * NOTE: Another important thing is conventional interfaces
 * and impedance matching. Data should just flow through the
 * functions without needing to conform to many different interfaces
 */

eiriklv

/**
 * Dependencies
 */
const sortBy = require('sort-by');

/**
 * Representing an election as a data structure
 */
const votes = [
  { id: 0, voterId: 'a', zone: 'Oslo', party: 'Miljøpartiet De Grønne' },

eiriklv

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);