React ST3 snippets

README.md

React ST3 snippets

1. Goto Tools > New Plugin...
2. Paste the snippets
3. Remember to save it with .sublime-snippet extension

react-bind.sublime-snippet

<snippet>
  <content><![CDATA[
this.${1:method} = this.${1:method}.bind(this);
]]></content>
  <tabTrigger>bind</tabTrigger>
  <scope>source.js</scope>
</snippet>

react-comp-stateful.sublime-snippet

<snippet>
  <content><![CDATA[
import React, { Component } from 'react';

class ${1:MyComponent} extends Component {
  constructor (props) {
    super(props);
  }

  render () {
    return (
      <div>Hello!</div>
    );
  }
}

export default ${1:MyComponent};
]]></content>
  <tabTrigger>Component-stateful</tabTrigger>
  <scope>source.js</scope>
</snippet>

react-comp-stateless.sublime-snippet

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

const ${1:MyComponent} = (props) => {
  return (
    $SELECTION
    <div>Hello!</div>
  );
}

export default ${1:MyComponent};
]]></content>
  <tabTrigger>Component-stateless</tabTrigger>
  <scope>source.js</scope>
</snippet>