garmjs

function findParent(node, test) {
  if (test(node)) {
    return node
  } else if (node.parent) {
    return findParent(node.parent, test)
  }
  return null
}

function looksLike(a, b) {

garmjs

/**
 * Rotates coordinate system for velocities
 *
 * Takes velocities and alters them as if the coordinate system they're on was rotated
 *
 * @param  Object | velocity | The velocity of an individual particle
 * @param  Float  | angle    | The angle of collision between two objects in radians
 * @return Object | The altered x and y velocities after the coordinate system has been rotated
 */

garmjs

Introduction To Flow

Intended for developers interested in getting started with Flow. At the end of this introduction, you should have a solid understanding of Flow and how to apply it when building an application.

Part 1: Flow Fundamentals For JavaScript Developers

Covers all the basics needed to get started with Flow.

Part 2: Flow Fundamentals For ReactJS Developers

Covers all the basic needed to get started with Flow and ReactJS.

garmjs

// @flow

// Flow Fundamentals For JavaScript Developers

/*
  Tutorial for JavaScript Developers wanting to get started with FlowType.
  Thorough walkthrough of all the basic features.
  We will go through the basic features to gain a better understanding of the fundamentals.
  You can uncomment the features one by one and work through this tutorial.

garmjs

tmux shortcuts & cheatsheet

start new:

tmux

start new with session name:

tmux new -s myname

garmjs

require('babel-register')
const express = require('express')
const React = require('react')
const ReactDOMServer = require('react-dom/server')
const ReactRouter = require('react-router')
const ServerRouter = ReactRouter.ServerRouter
const App = require('./src/App').default
const path = require('path')
const Helmet = require('react-helmet')
const compression = require('compression')

garmjs

import React from 'react'
import { Loading } from '../components/loading'

function asyncComponent (getComponent) {
  return class AsyncComponent extends React.Component {
    static Component = null
    mounted = false

    state = {
      Component: AsyncComponent.Component

garmjs

.DS_Store
bower_components/
# Sass
.sass-cache/
*.css.map

# Logs
logs
*.log
npm-debug.log*

garmjs

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---

garmjs

var updatedList = this.state.list.filter(function(item){
  return item.toLowerCase().search(
    evt.target.value.toLowerCase()) !== -1;
  });
  this.setState({ list: updatedList });