React Component Snippet for Sublime Text 3

react-component.sublime-snippet

<!-- Documentation: http://docs.sublimetext.info/en/latest/extensibility/snippets.html -->

<!-- Clone or save this code as react-component.sublime-snippet into Data/Packages/User. No need to restart Sublime.
(If you Copy-Paste-SaveAs... with Sublime, be careful not to save as .xml. It's actually hard not to) -->

<snippet>
<content>
<![CDATA[
${1:import React, { Component \} from 'react';}
class ${2:ComponentName} extends Component {
  render() {
    return (
			${3:}
    );
  }
}
export default ${2:ComponentName};
]]>
</content>
<!-- Set a tabTrigger: how to trigger the snippet -->
<tabTrigger>Component</tabTrigger>
<!-- Optional: Set a description for the tabTrigger -->
<description>React.js new Component</description>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<scope>source.js</scope>
</snippet>