bendrucker

'use strict';

var Promise   = require('bluebird');
var knex      = require('../../src/db').knex;

var tables = [
  'organizations',
  'campaigns',
  'donors',
  'pledges',

ryanflorence

Stuff you can do in Canvas JSX files

JSX

function foo(paths) {
  return <svg>{paths}</svg>;
}

ryanflorence

/** @jsx React.DOM */
function makeStubbedDescriptor(component, props, contextStubs) {
  var TestWrapper = React.createClass({
    childContextTypes: {
      currentPath: React.PropTypes.string,
      makePath: React.PropTypes.func.isRequired,
      makeHref: React.PropTypes.func.isRequired,
      transitionTo: React.PropTypes.func.isRequired,
      replaceWith: React.PropTypes.func.isRequired,
      goBack: React.PropTypes.func.isRequired,

ryanflorence

var Authenticated = React.createClass({
  statics: {
    willTransitionTo (transition) {
      if (!authenticated()) {
        transition.redirect('login');
      }
    }
  }
});

petehunt

  var Style = React.createClass({
    render: function() {
      var style = assign({}, this.props);
      delete style.children;

      return React.createElement(
        'div',
        {style: style, children: this.props.children}
      );
    }

petehunt

function makeStyle(defaults, tagName) {
  tagName = tagName || 'div';
  var Style = React.createClass({
    getDefaultProps: function() {
      return assign({}, defaults);
    },

    render: function() {
      var style = assign({}, this.props);
      delete style.children;

isaacs

# Hello, and welcome to makefile basics.
#
# You will learn why `make` is so great, and why, despite its "weird" syntax,
# it is actually a highly expressive, efficient, and powerful way to build
# programs.
#
# Once you're done here, go to
# http://www.gnu.org/software/make/manual/make.html
# to learn SOOOO much more.

ryanflorence

Folder Structure

Please note

While this gist has been shared and followed for years, I regret not giving more background. It was originally a gist for the engineering org I was in, not a "general suggestion" for any React app.

Typically I avoid folders altogether. Heck, I even avoid new files. If I can build an app with one 2000 line file I will. New files and folders are a pain.

joonaspaakko

// https://gist.github.com/joonaspaakko/ace1ec3455b6959dc611

#target photoshop

// If there are any documents open, run the code...
// =================================================
if ( app.documents.length > 0 ) {

    // Used later on when the layers are duplicated back to the original document.
    // ===========================================================================

ryanflorence

// with static data, do filtering and sorting in the client
<Autocomplete
  initialValue="Ma"
  items={getUnitedStates()}
  getItemValue={(item) => item.name}
  shouldItemRender={(item, value) => (
    state.name.toLowerCase().indexOf(value.toLowerCase()) !== -1 ||
    state.abbr.toLowerCase().indexOf(value.toLowerCase()) !== -1
  )}
  sortItems={(a, b, value) => (