xyz-data / vscode-react-redux-snippets

A small collection of react-redux snippets for VS Code that use ES6 and arrow functions

React-Redux ES6 Snippets for Visual Studio Code

React-Redux snippets for Visual Studio Code using ES6 and arrow functions.

Snippets

Trigger	Content
reducer→	Redux reducer skeleton
container→	Redux container with mapStateToProps, mapDispatchToProps, mergeProps, and connect functions
mapStateToProps→	mapStateToProps arrow function
mapDispatchToProps→	mapDispatchToProps arrow function
mapDispatchToPropsBind→	mapDispatchToProps arrow function using bindActionCreators
mergeProps→	mergeProps arrow function
connect→	export default connect function
component→	functional React component
componentReturn→	functional React component with implicit return

Snippets support .js, .jsx, .ts, and .tsx extensions.

Usage

Type part of the snippet and hit Enter or Tab and the snippet will unfold.

camelCased identifiers support abbreviations, as shown below.

Settings

As of version 2.0.0, settings for loose and strict linter options are available. With loose, semicolons are generally omitted, while strict requires semicolons after every statement or function call. These settings can be accessed under reactReduxSnippets.

vscode-react-redux-snippets's Issues

react redux es6 snippets, better code style!

react redux es6 snippets

good

const initialState = {};
const allReducer = (state = initialState, action) => {
    switch (action.type) {
        case ACTION_TYPE_1:
            return state;
        case ACTION_TYPE_2:
            return state;
        default:
            return state;
    }
};


export {allReducer};
export default allReducer;

bad

const nameInitialState = {}
const name = (state = nameInitialState, action) => {
    switch (action.type) {
        case ACTION_TYPE_1:
            return state
        case ACTION_TYPE_2:
            return state
        default:
            return state
    }
}

VScode & SublimeText

VScode & SublimeText

https://github.com/gildata/RAIO/issues/14#issuecomment-317399560

snippets

snippets

https://github.com/timothymclane/vscode-react-redux-snippets/tree/master/src/server/snippets/loose

https://github.com/timothymclane/vscode-react-redux-snippets/blob/master/src/server/snippets/loose/redux.ts

https://github.com/timothymclane/vscode-react-redux-snippets/tree/master/src/server/snippets/strict

https://github.com/timothymclane/vscode-react-redux-snippets/blob/master/src/server/snippets/strict/index.ts