Snippet: React: Stateless Functional Component

React-Stateless-Functional-Component.sublime-snippet

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

export const PROP_TYPES = {
  
};

export const DEFAULT_PROPS = {
  
};

export default function ${1:${TM_FILENAME/(.?\w*)(?:\.\w+)*$/$1/g}}(props) {
  return (
    <${2:div}></${2:div}>
  );
}

${1:${TM_FILENAME/(.?\w*)(?:\.\w+)*$/$1/g}}.propTypes    = PROP_TYPES;
${1:${TM_FILENAME/(.?\w*)(?:\.\w+)*$/$1/g}}.defaultProps = DEFAULT_PROPS;

]]></content>
    <tabTrigger>rsfc</tabTrigger>
    <scope>source.js</scope>
    <description>React: Stateless Functional Component</description>
</snippet>