Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save gre/76708384a744d8c437f9 to your computer and use it in GitHub Desktop.
Save gre/76708384a744d8c437f9 to your computer and use it in GitHub Desktop.
fork & simplified version of spoike's cheatsheet & without JSX syntax

ReactJS Component Cheatsheet

To create a ReactComponent:

ReactComponent React.createClass(object proto)

Basic example:

var TitleComponent = React.createClass({
  // REQUIRED
  render: function() {
    return React.createElement("h1", "Hello " + this.props.name);
  }
});
React.renderComponent(React.createElement(TitleComponent, { name: "John" }), mountNode);

Component API

  • DOMElement getDOMNode() #
  • setState(object nextState[, function callback]) #
  • replaceState(object nextState[, function callback]) #
  • forceUpdate([function callback]) #

Component Lifecycle Methods

Mounting

  • componentWillMount() #
  • componentDidMount() #

Updating

  • componentWillReceiveProps(object nextProps) #
  • boolean shouldComponentUpdate(object nextProps, object nextState) #
  • componentWillUpdate(object nextProps, object nextState) #
  • componentDidUpdate(object prevProps, object prevState) #

Unmount

  • componentWillUnmount() #

Component Specifications

  • ReactComponent render() required #
  • object getInitialState() #
  • object getDefaultProps() #
  • object propTypes #
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment