goldhand

import React, {Component, PropTypes} from 'react';


export default class GalleryItem extends Component {

  static propTypes = {
    src: PropTypes.string,
  }
  render() {
    return (

goldhand

// currentBG = 'data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=';  // single white pixel


  componentDidMount() {
    // set background image after compnent has been built
    this.setState({
      ...this.state,
      styles: {
        ...this.state.styles,

goldhand

/**
 * Helpers for breaking objects into arrays
 */

// returns a generator of the objects keys
export function *generateKeys(obj) {
  let prop;
  for (prop of obj) {
    yield prop;
  }

goldhand

import React, {Component, PropTypes} from 'react';
import {bindActionCreators} from 'redux';
import {connect} from 'react-redux';

import * as windowActions from 'actions/windowMonitorActions';


/**
 * connectWindow is a high order component that will update the windowMonitor
 * store once the client window has loaded and connect decorated component's

goldhand

[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]

goldhand

jest.unmock('../components/Counter');

import React from 'react';
import ReactDOM from 'react-dom';
import TestUtils from 'react-addons-test-utils';
import Counter from '../components/Counter';


describe('Counter Component', () => {

goldhand

{
  "name": "testjest",
  "version": "0.1.0",
  "description": "",
  "main": "src/index.js",
  "scripts": {
    "testold": "./node_modules/.bin/mocha --compilers js:babel-register src/**/__tests__/**/*test*.js",
    "test": "NODE_ENV=test jest --no-cache",
    "webpack": "NODE_ENV=production ./node_modules/.bin/webpack --progress",
    "build": "npm run webpack",

goldhand

import React, {Component, PropTypes} from 'react';


/**
 * createNthChild is a factory for NthChild components.
 *
 * Can set conditional styling meant to simulate css's nth-child pseudo selector
 *
 * @param {object} [options] - styles options to pass into the icon panel
 * @param {function} [styleFirst] - if isFirst, invoke styleLast(options.styles)

goldhand

import React, {Component, PropTypes} from 'react';
import {connect} from 'react-redux';
import {bindActionCreators} from 'redux';

import * as resizeActions from 'actions/windowMonitorActions';
import * as styleOptions from 'constants/styleOptions';


/**
 * High order component for connecting components to resize events

goldhand

/**
 * Turns generators into async demons
 *
 * Within the generator function, any "yield" operator becomes enhanced with async powers
 * allowing them to yield promises.
 *
 * @example
 * spawn(function *() {
 *   const data = yield fetch('/foo.json');  // will be resolved and assigned to "data" var
 *   console.log(data);  // write like its sync but its acually async ;)