fix: changed from lodash to es-toolkit #18162
Conversation
✅ Deploy Preview for v11-carbon-web-components ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
✅ Deploy Preview for carbon-elements ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
✅ Deploy Preview for v11-carbon-react ready!Built without sensitive environment variables
To edit notification comments on pull requests, go to your Netlify site configuration. |
guidari
changed the title
| @@ -13,7 +13,7 @@ import React, { | |||
| import PropTypes from 'prop-types'; | |||
|
|
|||
| import classNames from 'classnames'; | |||
| import throttle from 'lodash.throttle'; | |||
| import { throttle } from 'es-toolkit/compat'; | |||
There was a problem hiding this comment.
Hey Gui, Thanks for the changes, its Awesome!
I tried to read about throttle from es-toolkit and found that it will accept only 2 parameters like throttle(func, wait) while for lodash it's like throttle(func, wait, options)
In this file Slider.tsx we were using throttle from lodash as
onDrag = throttle(this._onDrag, EVENT_THROTTLE, {
leading: true,
trailing: false,
});
Which means the function this._onDrag is executed immediately when the event is triggered , but it will not be executed again at the end of the throttling interval.
Can you please make sure to change the code as well as per es-toolkit to achieve the same functionality.
There was a problem hiding this comment.
Hey Preeti!
I tested with lodash and es-toolkit and the behaviour is the same. We are using the es-toolkit/compat that has full compatibility with lodash, so we don't have to change the code. All es-toolkit functions have a "compat" version to ensure we don’t need to change anything in our code.
There was a problem hiding this comment.
Oh yes, the link is saying it supports leading and trailing options as well. Thanks!
Closes #17731
We are moving from
lodashto es-toolkit which is a modern library. That change will solve security issues we were having inlodashand also it will lead to a smaller final bundle and better performance.Replaced a few lodash code to use pure JavaScript. Here it is a Stackblitz with the code changes examples to show that it works.
Changelog
New
es-toolkitdependencyChanged
lodash.findlastto use pure Javascript codelodash.omitto use pure Javascript codeRemoved
lodashdependenciesTesting / Reviewing