react_component.js

// Pseudo code
class Component {
  let state = {} // private
  var props = {}
  var propTypes = {}
  var contextTypes = {}
  
  // Methods
  
  constructor(props, context, updater){
    this.props = props
  }
  
  setState = (newState) => {
    this.state = Object.assign({}, state, newState)
  }
  
  forceUpdate = (callback) => {} 
  
  getInitialState = () => {}
  
  getDefaultProps = () => {}
  
  // Life cycle
  
  // Called before component will be mounted
  componentWillMount = () => {}
  
  // Called after component was mounted
  componentDidMount = () => {}
  
  // Called when a prop is assigned new value
  componentWillReceiveProps = (nextProps) => {}
  
  // If returned true, component will be re-render; if false, component will not be re-render
  shouldComponentUpdate = (nextProps, nextState, nextContext) => {}
  
  // Called before component will be updated
  componentWillUpdate = (nextProps, nextState, nextContext) => {}
  
  // Called after component was updated
  componentDidUpdate = (nextProps, nextState, nextContext) => {}
  
  // Called before component will be unmounted
  componentWillUnmount = () => {}
  
  updateComponent = () => {}
  
  // Render
  
  render = () => {}
}

// Use
class Example extends Component {
  state = {newDefaultState: true}
  props = {newDefaultProps: true}

  constructor(props) {
    this.newActionNeedBind = this.newActionNeedBind.bind(this);
  }

  componentDidMount() {newAction()}
  
  componentWillReceiveProps(nextProps) {newAction()}
  
  componentDidUpdate() {newAction()}
  
  componentWillUnmount() {newAction()}
  
  // TODO: add more life cycle function
  
  newAction = () => {}
  
  newActionNeedBind() {
    
  }
}