after-second.js

import React, { Component, PropTypes } from 'react'
import { render } from 'react-dom'
import withContext from './with-context'
import thread from './thread'

class Parent extends Component {
  static childContextTypes = {
    someContext1: PropTypes.object,
    someContext2: PropTypes.object
  }
  
  render() {
    return (
      <Stuff>
        {this.props.children}
      </Stuff>
    )
  }
}

class Child extends Component {
  render() {
    console.log('Context:', this.context)
    // -> Object { }
    
    console.log('Props:', this.props)
    // -> Object { someContext1: {...}, someContext2: {...} }
  }
}

const withSomeContext1 = withContext('someContext1', PropTypes.object)
const withSomeContext2 = withContext('someContext2', PropTypes.object)
const WrappedChild = thread(Child, withSomeContext1, withSomeContext2)

render(
  <Parent>
    <WrappedChild />
  </Parent>,
  document.getElementById('root')
)