Snippet: React: Stateless Functional Component With Fragment

React-Stateless-Functional-Component-with-Fragment.sublime-snippet

<snippet>
    <content><![CDATA[
import React, { Fragment } 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:Fragment}></${2:Fragment}>
  );
}

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

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