Merge pull request #26 from sei40kr/redux-snippets

Add flux/redux snippets to +web-react-mode

Author: Henrik Lissner

+web-react-mode/action

@@ -0,0 +1,13 @@
+# -*- mode: snippet -*-
+# contributor: Seong Yong-ju
+# name: action
+# key: action
+# --
+const ${1:$(upcase (s-snake-case yas-text))} = '${1:$(upcase (s-snake-case yas-text))}';
+
+export const ${1:actionName} = (${2:args}) => ({
+  type: '${1:$(upcase (s-snake-case yas-text))}',
+  payload: {
+    $0
+  },
+});

+web-react-mode/container

@@ -0,0 +1,21 @@
+# -*- mode: snippet -*-
+# contributor: Seong Yong-ju
+# name: Redux container
+# key: container
+# --
+import { connect } from 'react-redux';
+
+const mapStateToProps = (state, ownProps) => ({
+  $0
+});
+
+const mapDispatchToProps = (dispatch, ownProps) => ({
+
+});
+
+const ${1:`(f-base buffer-file-name)`} = connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(${2:Component});
+
+export default $1;

+web-react-mode/mergeProps

@@ -0,0 +1,11 @@
+# -*- mode: snippet -*-
+# contributor: Seong Yong-ju
+# name: mergeProps
+# key: mergeProps
+# --
+const mergeProps = (stateProps, dispatchProps, ownProps) => ({
+  ...stateProps,
+  ...dispatchProps,
+  ...ownProps,
+  $0
+});

+web-react-mode/reducer

@@ -0,0 +1,17 @@
+# -*- mode: snippet -*-
+# contributor: Seong Yong-ju
+# name: reducer
+# key: reducer
+# --
+const initialState = {
+  $1
+};
+
+export default (state = initialState, action) => {
+  switch (action.type) {
+    $0
+
+    default:
+      return state;
+  }
+};