VSCode Snippets for a React/Redux/Jest/Enzyme Project

react.code-snippets

{
  "jest-component": {
    "prefix": "jestcomponent",
    "body": [
      "import React from 'react';",
      "import { shallow } from 'enzyme';",
      "import $1 from '../$1';",
      "",
      "describe('$1', () => {",
      "  let props;",
      "  let wrapper;",
      "",
      "  beforeEach(() => {",
      "    props = {};",
      "    wrapper = shallow(<$1 {...props} />);",
      "  });",
      "",
      "  it('renders', () => {",
      "    expect(wrapper.find('')).toHaveLength(1);",
      "  });",
      "",
      "  describe('', () => {",
      "    it('', () => {",
      "    });",
      "  });",
      "});"
    ]
  },
  "jest-javascript-file": {
    "prefix": "jestjs",
    "body": [
      "import {$2} from '../$1';",
      "",
      "describe('$1', () => {",
      "  describe('$2', () => {",
      "    it('', () => {",
      "      expect($2)",
      "    });",
      "  });",
      "});"
    ]
  },
  "react-component": {
    "prefix": "reactcomponent",
    "body": [
      "import React from 'react';",
      "import PropTypes from 'prop-types';",
      "",
      "const $1 = ({}) => {",
      "  return <div data-id=\"\">content</div>;",
      "};",
      "",
      "$1.propTypes = {",
      "  className: PropTypes.string,",
      "};",
      "",
      "$1.defaultProps = {",
      "  className: '',",
      "};",
      "",
      "export default $1;",
      ""
    ]
  },
  "redux-component": {
    "prefix": "reduxcomponent",
    "body": [
      "import React from 'react';",
      "import PropTypes from 'prop-types';",
      "import { connect } from 'react-redux';",
      "import { bindActionCreators } from 'redux';",
      "",
      "const $1 = ({}) => {",
      "  return <div data-id=\"\">content</div>;",
      "};",
      "",
      "$1.propTypes = {",
      "  className: PropTypes.string,",
      "};",
      "",
      "$1.defaultProps = {",
      "  className: '',",
      "};",
      "",
      "const mapStateToProps = state => {",
      "  return {};",
      "};",
      "",
      "const mapDispatchToProps = dispatch => bindActionCreators({}, dispatch);",
      "",
      "export { $1 };",
      "",
      "export default connect(",
      "  mapStateToProps,",
      "  mapDispatchToProps,",
      ")($1);",
      ""
    ]
  },
  "object-model": {
    "prefix": "modelobject",
    "body": [
      "import PropTypes from 'prop-types';",
      "import { camelizeKeys, decamelizeKeys } from 'humps';",
      "",
      "export const $1Type = PropTypes.shape({",
      "  id: PropTypes.string,",
      "});",
      "",
      "export const $1ListType = PropTypes.arrayOf($1Type);",
      "",
      "export const $1FromApi = json => {",
      "  return camelizeKeys(json);",
      "};",
      "",
      "export const $1ToApi = $1 => {",
      "  return decamelizeKeys($1, { separator: '-' });",
      "};",
      ""
    ]
  },
  "reducer": {
    "prefix": "reducer",
    "body": [
      "import { actionTypes } from '../actions/$1';",
      "import { $1 as defaultState } from './default.json';",
      "",
      "const handlers = {",
      "  [actionTypes.$2]: state => ({",
      "    ...state,",
      "  }),",
      "};",
      "",
      "export default (state = defaultState, action) => {",
      "  const handler = handlers[action.type];",
      "  return handler ? handler(state, action) : state;",
      "};"
    ]
  }
}