mikeyamadeo

/**
 * CSS Modules Magic:
 * styles = { Photo: '[hash]-Photo', ... }
 */
import styles from './style'
import React from 'react'
import cn from 'classnames'

const Photo = ({src, alt, isLarge}) =>
  <div {...{ className: cn({

mikeyamadeo

/* root */
.Photo {}

/* modifier */
.Photo--large {}

/* child */
.Photo__caption {}

mikeyamadeo

Photo/style.css

/* block */
.Photo {}

/* element */
.Photo__img {}

/* modifier */
.Photo--large {}

mikeyamadeo

Required Fields

• Stripe documentation
• quora answer

mikeyamadeo

use deep-freeze in reducer tests to ensure no mutations

mikeyamadeo

javascript

Use the following code snippet to answer questions 1 - 2

var stringTransformerMaker (fn) {
  return function (string) {
    return fn(string)
  }
}

mikeyamadeo

We will build a contrived user registration that will take

1. new user's name and

2. a link to a picture they want to use for an avatar

The added users will then display below the form.

This will help us

mikeyamadeo

const DynamicRenderer = React.createClass({
  render () {
    const component = this.props.condition 
      ? SomeComponent
      : SomeOtherComponent
      
    // This will NOT work as expected
    return <component />
  }
})

mikeyamadeo

import style from './style'
import React, { PropTypes } from 'react'
import CSSModules from 'react-css-modules'
import createJob from 'JobFactory'
import listing from './components/org.JobListing'
import heading from './components/org.JobHeading'
import details from './components/org.JobDetails'
import card from './components/org.JobCard'

const DEFAULT_RENDER_TYPE = 'listing'

mikeyamadeo

render () {
  const { data, renderAs } = this.props
  const types = {
    listing: JobListing,
    heading: JobHeading,
    card: JobCard
  }
  const component = types[renderAs] 
  const $component = types[renderAs]