lodash-cherry-pick

Hello!

We want to use mobx-react-form in our application, but we cannot because we use the old lodash version (3.x) globally on the whole site, so sooner or later we can clash with the some lodash breaking changes (3.x vs 4.x). I think that peer dependency on the lodash is very bad. Probably you need to drop the lodash dependency or include it in the library bundle (drop it from the webpack.config.babel.js/externals section).

Probably the best solution will be cherry picking individual lodash functions, for example: import intersection from "lodash/intersection" Also you can use this plugin https://github.com/lodash/babel-plugin-lodash.

I can help with the pull request if you approve.

[vkrol]

If I add the babel-plugin-lodash to the .babelrc then this line of code https://github.com/foxhound87/mobx-react-form/blob/master/webpack.config.babel.js#L29 become useless and imported lodash methods will be included in the umd build. Is this the desired result?

[vkrol]

We can add it for sure, this should lighten the commonjs build.

Thanks. I will create the PR tomorrow.

Anyway I suppose that your issue with the older lodash version should occur only using the UMD build.

If you use commonjs instead, the version of the package’s dependencies should remain the version specified in the package.json despite you are using an older one in your project.

Tell me if I’m wrong.

Yes, you are right. I am sorry for the confusion. But the cherry picking is the good thing anyway 😃