A React snippet for scaffolding out a stateless functional component, using Flow for prop types and custom HOCs for themability.

stateless-react-component-snippet.cson

'Stateless React Component':
    'prefix': 'srcc'
    'body': '''
      // @flow
      import React, { PropTypes } from 'react';
      import { compose } from 'recompose';
      import { withStyles } from '_util/HOCs';
      import { FlexBox } from '@madmobilenpm/mmui';

      type Props = {
        
      };

      type WrappedProps = {
        styles: Styles
      };

      const componentStyles: StyleFn = ({ theme: { colors } }) => ({
        container: {}
      });

      export const BaseComponent: Component<WrappedProps> = ({ styles }) =>
        <FlexBox style={styles.container}>
          Hello :)
        </FlexBox>;

      export const enhancer = compose(
        withStyles(componentStyles)
      );

      const WrappedComponent: Component<Props> = enhancer(BaseComponent);
      export default WrappedComponent;

    '''

Still trying to find the right pattern for typing props that should be provided to the component from the outside - and props that are added to the component from HOCs.