codeocelot

const UppercaseHoC = (WrappedComponent) => (props) => 
  <div style="text-transform: uppercase;">
    <WrappedComponent {...props}/>
  </div>

codeocelot

componentWillReceiveProps( nextProps, nextContext)

shouldComponentUpdate(nextProps,nextState,nextContext)

componentWillUpdate(nextProps,nextState,nextContext)

componentDidUpdate(prevProps,prevState,prevContext)

codeocelot

const Greeting = (props,context) => <p style={context.style}>Hello World</p>

Greeting.contextTypes = {
  color: React.PropTypes.string,
  backgroundColor: React.PropTypes.string,
}

codeocelot

import {Component, PropTypes} from 'react';
import getMuiTheme from './getMuiTheme';

class MuiThemeProvider extends Component {

  static propTypes = {
    children: PropTypes.element,
    muiTheme: PropTypes.object,
  };

codeocelot

export default class Provider extends Component {
  getChildContext() {
    return { store: this.store }
  }

  constructor(props, context) {
    super(props, context)
    this.store = props.store
  }

codeocelot

class App extends React.Component{
  render = () => <div className="app">{this.props.children}</div>
}
class Greeting extends React.Component{
  render = () => <p style={this.context.style}>Hello world!</p>
}
Greeting.contextTypes = {
  color: React.PropTypes.string,
  backgroundColor: React.PropTypes.string
}