goatslacker

var React = require('react')

var foo = React.createClass({
  render: function () {
    return React.createElement('select', null, [
      React.createElement('option', {
        key: 1,
        value: 1,
        dangerouslySetInnerHTML: { __html: '<strong>yes</strong>' },
      }),

goatslacker

class Z {
  x(y = 2) {
    return y
  }
}

goatslacker

import isPromise from 'is-promise'
import { generateActions } from 'create-actions'

// get the action creators that will be created given a namespace
export const getActionCreators = (namespace) => {
  return generateActions(namespace, [
    'begin',
    'success',
    'failure',
    'end',

goatslacker

import AltContainer from 'alt/AltContainer'
import React from 'react'

class Child extends React.Component {
  foo() {
    console.log('im here')
  }

  render() {
    return <div onClick={this.foo}>click me</div>

goatslacker

const fsa = (type, payload) => {
  return {
    // FSA
    type,
    payload,
    // Alt
    action: type,
    data: payload,
  }
}

goatslacker

import Alt from 'alt'

const alt = new Alt()

const actions = alt.generateActions('test')

const store1 = alt.createStore({
  displayName: 'store1',

  bindListeners: {

goatslacker

class InfoView extends React.Component {
  render() {
    return <div>{this.props.things}</div>
  }
}

export default connect({
  listenTo() {
    return [InfoStore]
  },

goatslacker

export default function fetch(store, source) {
  const storeInst = store.getInstance ? store.getInstance() : store
  const state = storeInst.getState()

  const validHandlers = ['success', 'failure', 'begin', 'end']
  validHandlers.forEach((handler) => {
    if (source[handler] && !source[handler].id) {
      throw new Error(`${handler} handler must be an action function`)
    }
  })

goatslacker

class TodoStore {
  createdTodo(todo) {
    this.todos.push(todo)
  }
  
  save() {
    ...
  }
}

goatslacker

• https://github.com/goatslacker/react-flux-workshop
• https://webpack.github.io/
• https://github.com/airbnb/javascript#resources
• http://www.2ality.com/2013/07/es6-modules.html
• http://exploringjs.com/

If you're having windows errors: http://stackoverflow.com/questions/14278417/cannot-install-node-modules-that-require-compilation-on-windows-7-x64-vs2012

• https://facebook.github.io/react/docs/getting-started.html
• https://facebook.github.io/react/docs/component-specs.html