React Component Sub Generator templates

spec.js

import _ from 'lodash';
import chai, { expect } from 'chai';
import chaiEnzyme from 'chai-enzyme';
import React from 'react';
import sinon from 'sinon';
import sinonChai from 'sinon-chai';
import { mount, shallow } from 'enzyme';

import ComponentName from './';

chai.use(chaiEnzyme());
chai.use(sinonChai);

describe('<ComponentName />', () => {
  it('should render nothing', () => {
    const sut = shallow(<ComponentName />)
    expect(sut).to.be.empty
  });
});



/ComponentName
  - index.js
  - index.spec.js
  - styles.css
  

stateful-component.js

import React, { PropTypes } from 'react'

const propTypes = {}
const defaultProps = {}

class StatefulComponent extends React.Component {
  constructor(props) {
    super(props)
    
    this.state = {}
  }
  
  render() {
    return <div>StatefulComponent</div>
  }
}

StatefulComponent.propTypes    = propTypes
StatefulComponent.defaultProps = defaultProps

export default StatefulComponent

stateless-component.js

import React, { PropTypes } from 'react'

const propTypes = {}
const defaultProps = {}

const StatelessComponent = () => {
  return <div>StatelessComponent</div>
}

StatelessComponent.propTypes    = propTypes
StatelessComponent.defaultProps = defaultProps

export default StatelessComponent