react-snippets.sublime-snippet

<snippet>
  <content><![CDATA[
import React, { Component } from 'react'
${1://}import styles from './style.css'

class ComponentName extends Component {
  
  render() {
    return (
      ${2:div}
    )
  }
}

ComponentName.defaultProps = {${3}}

export default ${4:ComponentName}
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>react</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <scope>source.js</scope>
</snippet>