Optimizations: adding webpack externals for React, React-Redux, Redux; adding lodash babel plugin, removing partial and capitalize lodash deps

Author: davidkpiano

.babelrc

@@ -1,3 +1,6 @@
 {
+  "plugins": [
+    "lodash"
+  ],
   "presets": ["es2015", "react", "stage-2"]
-}
+}

package.json

@@ -13,6 +13,7 @@
     "build:watch": "babel -w src --out-dir lib",
     "build:umd": "webpack -p src/index.js dist/index.js --config webpack.config.prod.js",
     "build:lib": "babel src --out-dir lib",
+    "analyze": "webpack src/index.js dist/index.js --config webpack.config.base.js --json | webpack-bundle-size-analyzer",
     "preversion": "npm run test && npm run lint",
     "prepublish": "npm test && npm run lint && npm run build",
     "postversion": "git push && git push --tags",
@@ -41,6 +42,7 @@
     "babel-core": "^6.5.2",
     "babel-eslint": "^6.0.0",
     "babel-loader": "^6.2.4",
+    "babel-plugin-lodash": "^3.1.4",
     "babel-preset-es2015": "^6.5.0",
     "babel-preset-react": "^6.5.0",
     "babel-preset-stage-2": "^6.5.0",

src/utils/capitalize.js

@@ -0,0 +1,7 @@
+export default function capitalize(string) {
+  if (typeof string !== 'string') {
+    return '';
+  }
+
+  return string.charAt(0).toUpperCase() + string.slice(1);
+}

src/utils/sequence.js

@@ -1,6 +1,5 @@
 import identity from 'lodash/identity';
-import capitalize from 'lodash/capitalize';
-import partial from 'lodash/partial';
+import capitalize from '../utils/capitalize';
 import mapValues from '../utils/map-values';
 import compose from 'lodash/fp/compose';
 import isEqual from 'lodash/isEqual';
@@ -97,7 +96,7 @@ function sequenceEventActions(props) {
     onSubmit: [], // pseudo-event
   };
 
-  const controlChangeMethod = partial(changeAction, model);
+  const controlChangeMethod = (...args) => changeAction(model, ...args);
   const modelValueUpdater = modelValueUpdaterMap[controlProps.type]
     || modelValueUpdaterMap.default;
 
@@ -182,7 +181,7 @@ function sequenceEventActions(props) {
     eventActions[updateOnEventHandler].push(
       compose(
         updaterFn(dispatchChange),
-        partial(modelValueUpdater, props),
+        (...args) => modelValueUpdater(props, ...args),
         parser,
         getValue,
         controlOnChange));

webpack.config.base.js

@@ -2,6 +2,26 @@
 'use strict';
 
 module.exports = {
+  externals: {
+    react: {
+      root: 'React',
+      commonjs2: 'react',
+      commonjs: 'react',
+      amd: 'react',
+    },
+    redux: {
+      root: 'Redux',
+      commonjs2: 'redux',
+      commonjs: 'redux',
+      amd: 'redux',
+    },
+    'react-redux': {
+      root: 'ReactRedux',
+      commonjs2: 'react-redux',
+      commonjs: 'react-redux',
+      amd: 'react-redux',
+    },
+  },
   module: {
     loaders: [
       { test: /\.js$/, loaders: ['babel-loader'], exclude: /node_modules/ },