codeocelot

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

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

codeocelot

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

codeocelot

import React from 'react';
import PropTypes from 'prop-types';
const route = 'https://jsonplaceholder.typicode.com/posts';

class AsyncPostHoC extends React.Component{
  constructor(props){
    super(props);
    this.state = {};
  }
  

codeocelot

import ReactDOM from 'react-dom';
import Post from './Post';

ReactDOM.render(
  <Post postId="1" /> ,
  document.getElementById('root')
)

codeocelot

import React from 'react';
import PropTypes from 'prop-types';
import AsyncPostHoC from '...';

const PostView = (props) => (
  <div>
    <p>{props.title}</p>
    <p>{props.body}</p>
  </div>
);

codeocelot

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

class MuiThemeProvider extends Component {

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

codeocelot

# What the fuck just happened to this file?
git reflog -p --since=yesterday -- $file

# I forgot my branch name.  What am I working on? 
git for-each-ref --sort=-committerdate refs/heads --format='%(HEAD)%(color:yellow)%(refname:short)|%(color:bold green)%(committerdate:relative)|%(color:blue)%(subject)|%(color:magenta)%(authorname)%(color:reset)'|column -ts'|'

codeocelot

import React from 'react';
import PropTypes from 'prop-types';
const route = 'https://jsonplaceholder.typicode.com/posts';

class AsyncPostHoC extends React.Component{
  constructor(props){
    super(props);
    this.state = {
      isFetching: true,

codeocelot

const UppercaseHoC = (WrappedComponent) => class extends React.Component{
  render(){
    return(
      <div style="text-transform: uppercase;">
        <WrappedComponent {...this.props} />
      </div>
    )
  }
}

codeocelot

componentWillReceiveProps( nextProps, nextContext)

shouldComponentUpdate(nextProps,nextState,nextContext)

componentWillUpdate(nextProps,nextState,nextContext)

componentDidUpdate(prevProps,prevState,prevContext)