Snippet Renders
imr Import React
imrc Import React / Component
impt Import PropTypes
impc Import React / PureComponent
cc Class Component
ccc Class Component With Constructor
sfc Stateless Function Component
cdm componentDidMount
cwm componentWillMount
cwrp componentWillReceiveProps
gds getDerivedStateFromProps
scu shouldComponentUpdate
cwu componentWillUpdate
cdu componentDidUpdate
cwu componentWillUpdate
cdc componentDidCatch
gsbu getSnapshotBeforeUpdate
ss setState
ssf Functional setState
ren render
rprop Render Prop
hoc Higher Order Component

hoc

  1. function | (|) {
  2.   return class extends Component {
  3.     constructor(props) {
  4.       super(props);
  5.     }
  7.     render() {
  8.       return < | {...this.props} />;
  9.     }
  10.   };
  11. }

sfc

  1. const | = props => {
  2.   return ( | );
  3. };
  5. export default |;

ccc - Class Component With Constructor

  1. function | (|) {
  2.   return class extends Component {
  3.     constructor(props) {
  4.       super(props);
  5.     }
  7.     render() {
  8.       return < | {...this.props} />;
  9.     }
  10.   };
  11. }

cc - Class Component

  1. class | extends Component {
  2.  state = { | },
  3.  render() {
  4.    return ( | );
  5.  }
  6. }
  7. export default |;