Sublime Text Snippet: React: class component

react_class_component.sublime-snippet

<snippet>
	<content><![CDATA[
import React from 'react';
import PropTypes from 'prop-types';

const propTypes = {
	name: PropTypes.string,
};

class ${1:${TM_FILENAME/(.+)\..+|.*/$1/:ComponentName}} extends React.Component {
	constructor(props) {
		super(props);
		this.state = {};

		// bind events
		// this.handler = this.handler.bind(this);
	}

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

${1:${TM_FILENAME/(.+)\..+|.*/$1/:ComponentName}}.propTypes = propTypes

export default ${1:${TM_FILENAME/(.+)\..+|.*/$1/:ComponentName}};

]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>react-cc</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.js</scope>
	<description>React: class component</description>
</snippet>