bpp-react-redux-es6-standard

This is a simple colection of snippet for usage with React and Redux using ES6 and standard being using at BPP.

Features

React

import React, { Component } from 'react';

export default class $1 extends Component {
  render () {
    return (
      <div>$2</div>
    );
  }
}

import React from 'react';

const $1 = () => {
  return (
    <div>$2</div>
  );
};

export default $1;

import React, { Component } from 'react';
import PropTypes from 'prop-types';

class $1 extends Component {
  render () {
    return (
      <div>$3</div>
    );
  }
}

$1.propTypes = {
  $2
};

export default $1;

import React from 'react';
import PropTypes from 'prop-types';

const $1 = props => {
  return (
    <div>$3</div>
  );
};

$1.propTypes = {
  $2
};

export default $1;

Redux

import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';

const mapStateToProps = (state) => ({ $1: state.$2 });
const mapDispatchToProps = (dispatch) => bindActionCreators($3, dispatch);

export default connect(mapStateToProps, mapDispatchToProps)($4);

export default (state = $1, action) => {
  switch (action.type) {
    case $2:
      $3;
    default:
      return state;
  }
};

export const $1 = '$1';

export const $2 = $3 => ({
  type: $1,
  $3
});

export const $1 = $2 => {
  return $3;
};

Why?: Many popular extensions utilize superfluous snippets. This is tiny with minimium requirements and the only one with correct Standard JS.