parshap

var a = [
  1,
  2,
  3, // <-- Trailing comma for easier future edits
];

// No trailing comma, adding a 4th element will require editing two lines
var b = [
  1,
  2,

parshap

var React = require("react");

var TabbedComponent = React.createClass({
  render: function() {
    return TabsContainer({
      tabs: [
        // Pass instantiated component?
        this.renderTab1(),
        // Or pass function to create component?
        this.renderTab1,

parshap

"use strict";

// A function that wraps a given `React.DOM.input`-like component to
// apply formatting to the value for display purposes.
//
// Example:
//
// var RoundedInput = createFormattedInput(React.DOM.input, {
//   set: Math.round,
// });

parshap

function myCallback() {
  console.log(foo); // undefined
}

function dothing(callback) {
  var foo = "hello";
  callback();
}

parshap

• "Print boarding pass" button does not work
• Uses Flash
  • Non-native experience (weird scrolling, input fields, etc)
  • Doesn't work on my phone
• Have to identify myself even though I'm already logged in on your website
• Too many steps, show my boarding pass on first screen

parshap

/** @jsx React.DOM */
"use strict";

// An <input /> component that applies a format function to the value
// on initial render and when the element loses focus.
//
// Usage:
//
// <FormattedInput format={Math.round} valueLink={this.linkState("value")} />
//

parshap

/** @jsx React.DOM */
"use strict";

var React = require("react");

// Usage:
// <ValidatedInput validateValue={myValidationFunction}
//   onValidationError={handleError}
//   valueLink={...} />

parshap

"use strict";

var type = require("core-util-is");
var slice = Array.prototype.slice;

// Return a className string from the given arguments
//
// Example:
//
// classes("foo", "bar") -> "foo bar"

parshap

• className attribute instead of class
• htmlFor attribute instead of for
• <textarea value="something"> instead of <textarea>something</textarea> (see Why Textarea Value)
• <select value="something"><option value="something"></select> instead of <select><option selected value="something"></select> (see Why Select Value)
• Whitespace (see discussion)
• [Tags must be closed and all tags can be self-closing][closing tags]

parshap

var user = new User();
user.set("name", "parshap");
user.age("age", 5);

// Only save "name" to Mongo - leave "age" as a modified path in the docuemnt
user.save(["name"], function(err) {
  // ...
})