React Snippets

!!!DISCLAIMER!!!

Docs are not complete!
Take a look at snippets/React (JSX).cson and you'll get what's going on.

React: empty import - _i

import ${1} from '${2}'

React: import React - _ir

import React from 'react'

React: import PropTypes - _ipt

import PropTypes from 'prop-types'

React: import createReactClass - _icc

import createReactClass from 'create-react-class'

React: import React & PropTypes - _irp

import React from 'react'
import PropTypes from 'prop-types'

React: import React & createReactClass - _ircc

import React from 'react'
import createReactClass from 'create-react-class'

React: import ReactDOM - _ird

import ReactDOM from 'react-dom'

React: componentDidMount() { ... } - _cdm

componentDidMount() {
  
}

React: componentDidUpdate(pp, ps) { ... } - _cdup

componentDidUpdate(prevProps, prevState) {
  
}

React: componentWillMount() { ... } - _cwm

componentWillMount() {
  
}

React: componentWillReceiveProps(np) { ... } - _cwr

componentWillReceiveProps(nextProps) {
  
}

React: componentWillUnmount() { ... } - _cwun

componentWillUnmount() {
  
}

React: componentWillUpdate(np, ns) { ... } - _cwu

componentWillUpdate(nextProps, nextState) {
  
}

React: cx({ ... }) - _cx

cx({
  : 
})

React: forceUpdate(...) - _fup

forceUpdate(callback)

React: getDefaultProps() { return {...} } - _gdp

getDefaultProps() {
  return {
    
  }
},

React: getInitialState() { return {...} } - _gis

getInitialState() {
  return {
    : 
  }
},

React: isMounted() - _ism

isMounted()

React: Class.propTypes = { ... } - _cpt

.propTypes = {
  : PropTypes.string
},

React: Class.defaultProps = { ... } - _cdp

.defaultProps = {
  : 
},

React: static contextTypes = { ... } - _scct

static contextTypes = {
  : PropTypes.string
}

React: static propTypes = { ... } - _scpt

static propTypes = {
  : PropTypes.string
}

React: static defaultProps = { ... } - _scdp

static defaultProps = {
  :
}

React: propTypes { ... } - _pt

propTypes: {
  : PropTypes.string
},

React: class skeleton - _cer

import React from 'react'

class  extends React.Component {

  render() {
    return (
      <div />
    )
  }

}

export default 

React: createClass skeleton - _rcc

import React from 'react'
import createReactClass from 'create-react-class'

export default createReactClass({

  render() {
    return (
      <div />
    )
  }

})

React: render() { return ... } - _ren

render() {
  return (
    <div />
  )
}

React: setState({ ... }) - _sst

this.setState({
  : 
})

React: shouldComponentUpdate(np, ns) { ... } - _scu

shouldComponentUpdate(nextProps, nextState) {
  
}

React: this.props. - _props

this.props.

React: this.state. - _state

this.state.

React: render(component, container, [callback]) - _rrc

React.render(< />, document.body, callback)

React: constructor(props) - _cns

constructor(props) {
  super(props)
  this.state = 
}

React: class Foo extends Bar - _clss

class Foo extends React.Component {
  render() {
    
  }
}

React: dangerouslySetInnerHTML - _dnghtml

dangerouslySetInnerHTML={{__html: ${1}}}