Sublime Text Snippet: react_component_stateless.sublime-snippet

react_component_stateless.sublime-snippet

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

const propTypes = {

};

function ${1:${TM_FILENAME/(.+)\..+|.*/$1/:ComponentName}}(${2:props}) {
	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-sfc</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>source.js</scope>
	<description>React: stateless functional component</description>
</snippet>