sublime snippet for react

constructor

<snippet>
    <content><![CDATA[
constructor(props) {
  super(props);
  this.state = {
    ${1}
  }
}
]]></content>
    <tabTrigger>con</tabTrigger>
    <scope>source.js meta.class.js -(meta meta)</scope>
    <description>React: shouldComponentUpdate(np, ns) {…}</description>
</snippet>

cxx

<snippet>
    <content><![CDATA[className={cx('${1}')}]]></content>
    <tabTrigger>cxx</tabTrigger>
    <scope>source.js</scope>
    <description>CSS Module bind class name</description>
</snippet>

immutable-getIn

<snippet>
  <content><![CDATA[getIn(['${1}'])]]></content>
    <tabTrigger>geti</tabTrigger>
    <scope>source.js</scope>
    <description>getIn([''])</description>
</snippet>

immutable-updateIn

<snippet>
  <content><![CDATA[updateIn(['${1}'], ()=>${2})]]></content>
    <tabTrigger>upi</tabTrigger>
    <scope>source.js</scope>
    <description>UpdateIn([''], ()=>v)</description>
</snippet>

importFrom

<snippet>
  <content><![CDATA[
import ${1} from '${2}';
]]></content>

    <tabTrigger>imf</tabTrigger>
    <scope>source.js</scope>
    <description>import ... from '...'</description>
</snippet>

mapFunction

<snippet>
  <content><![CDATA[
map(d=>{
  return ${1};
})
]]></content>
    <tabTrigger>mapd</tabTrigger>
    <scope>source.js</scope>
    <description>.map(d=>{....})</description>
</snippet>

react

<snippet>
  <content><![CDATA[
import React from 'react';

class ${1:ClassName} extends React.PureComponent {
  ${2}
  render(){
    const {props} = this;
    return (
      <div></div>
    );
  }
}

export default ${1:ClassName};

]]></content>

    <tabTrigger>react</tabTrigger>
    <scope>source.js</scope>
    <description>React PureRender Component</description>
</snippet>