staltz

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.

---

ericelliott

Essential JavaScript Links

I no longer mantain this list. There are lots of other very comprehensive JavaScript link lists out there. Please see those, instead (Google "awesome JavaScript" for a start).

btholt

const React = require('react');
const _ = require('lodash');

var model = new falcor.Model({
  cache: {
    movies: [
      {
        title: "Daredevil",
        plot: "Marvel lol",
        year: "2015-",

brandondurham

/**
 * Using Operator Mono in Atom
 * 
 * 1. Open up Atom Preferences.
 * 2. Click the “Open Config Folder” button.
 * 3. In the new window’s tree view on the left you should see a file called “styles.less”. Open that up.
 * 4. Copy and paste the CSS below into that file. As long as you have Operator Mono SSm installed you should be golden!
 * 5. Tweak away.
 *
 * Theme from the screenshot (http://cdn.typography.com/assets/images/blog/operator_ide2.png):

joshduck

const ReactPerf = require('ReactPerf');
const TRACE_DOM = false;

function reactPerfTrace(objName: string, fnName: string, func: any): any {
  return function(component) {
    let label;
    
    if (objName === 'ReactCompositeComponent') {
      var instName = this.getName() || 'Unknown';
      label = fnName === 'mountComponent' || fnName === 'updateComponent' ? instName : `${instName}.${fnName}`;