ReactComponent Snippet based on filename

rcomponent.sublime-snippet

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

const propTypes = {

}

export default class ${1:${TM_FILENAME/^(\w)|(?:-(\w))|(?:.jsx)/(?1\u$1:)(?2\u$2:)/g:ComponentName}} extends React.Component {
  constructor (props) {
    super(props)
    this.state = {
    }
  }

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

${TM_FILENAME/^(\w)|(?:-(\w))|(?:.jsx)/(?1\u$1:)(?2\u$2:)/g:ComponentName}.propTypes = propTypes

]]></content>
  <tabTrigger>rcomponent</tabTrigger>
  <description>Insert React Component</description>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <!-- <tabTrigger>hello</tabTrigger> -->
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <!-- <scope>source.python</scope> -->
</snippet>