Bundle size discussion about react-redux-form HOT 6 CLOSED

I'll start seeing how we can refactor from top-down. For compatibility and not-reinventing-the-wheel reasons, I'd like to probably keep these:

• isEqual (unless we find a smaller implementation)
• get (for its path support)
• toPath

We can probably find a simpler implementation of mapValues since it's only used internally, and not in the public API.

I'll take a look at what else (besides lodash) can be contributing to the size that we can probably shrink down.

Thanks for taking a look at this!

from react-redux-form.

I added a simple remake of mapValues that follows the current usage of it.

https://github.com/chrisblossom/react-redux-form/tree/feature/bundle_size

from react-redux-form.

Other lodash modules must share the same functions that are being used with mapValues.

Before:
Info:   main.js 291.89 kB (~82.07 kB gzipped)
lodash: 127.35 KB (12.1%)
react-redux-form: 35.47 KB (3.38%)

mapValues feature/bundle_size
Info:   main.js 291.25 kB (~81.65 kB gzipped)
lodash: 124.01 KB (11.8%)
react-redux-form: 35.59 KB (3.40%)

from react-redux-form.

I've used https://github.com/substack/node-deep-equal instead of lodash's isEqual and it is fairly small (but not sure if it is smaller than the lodash implementation)

from react-redux-form.

Webpack v2 will include tree shaking and only bundle the lodash functions you really used :-)
https://medium.com/modus-create-front-end-development/webpack-2-tree-shaking-configuration-9f1de90f3233

from react-redux-form.

@acidicX Yes, that'll be really helpful, though I anticipate many developers will still be using Webpack 1.

I am actively working on reducing the bundle size in V1, and you can check out the current work in the v1 branch.

from react-redux-form.