ReactComponent.sublime-snippet

<snippet>
  <content><![CDATA[
import React from "react";
import styles from "./style";

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

  render() {
    return (
      <div className={styles.root}>
        ${2:Component}
      </div>
    );
  }
}

${1:Component}.displayName = ${1:Component}.name;

export default ${1:Component};

]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>rco</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <!-- <scope>source.python</scope> -->
</snippet>