6 ms·

Hey, author here. I'm very open to ideas to reduce bloat. It's 140 SLOC and ~1.1kb gzipped without lodash/throttle. I considered writing my own throttle, but wa

• andreasklinger 10y ago
  rollup can only load the functions of lodash you actually use into your bundle
  • tdumitrescu 10y ago
    So can lodash. That's what the author is doing here by using import throttle from 'lodash/throttle'; rather than import { throttle } from 'lodash';
• yagami_san 10y ago
  Just use https://www.npmjs.com/package/lodash.throttle https://www.npmjs.com/package/lodash.throttle
  • Heqx 10y ago
    Can you point me to an explanation of the differences between the 'lodash.throttle' module and importing 'lodash/throttle'?
    • freditup 10y ago
      You should get about the same results using a bundler. Perhaps the lodash.throttle package is for reducing `npm install` time or reducing bloat if you check in your node modules?
    • jdd 10y ago
      lodash.throttle is a standalone zero-dependency package of just the throttle module. The `lodash` package is a collection of modules one of which is `lodash/throttle`. You can generally get smaller bundles using `lodash/xyz` modules over the `lodash.xyz` packages because of plugins like: https://github.com/lodash/babel-plugin-lodash https://github.com/lodash/babel-plugin-lodash https://github.com/lodash/lodash-webpack-plugin https://github.com/lodash/lodash-webpack-plugin Though in the future lodash-webpack-plugin may support `lodash.xyz` packages too.
  • nathancahill 10y ago
    OP is using that already.
• nathancahill 10y ago
  Not sure why I was downvoted, I think it's a valid point. To prove it, here's the functionality of your library in ES5 with a naive throttle function: https://gist.github.com/nathancahill/f7ea239306737f2075a94de33881dc2e https://gist.github.com/nathancahill/f7ea239306737f2075a94de... Minified (1.49kb) and gzipped (677b). Whether lodash functions should be used instead of naive functions is up for debate. My opinion is if the lodash functions are 5x the size of the entire library, it's probably best to not include it, or to include it as a build option (if the user's project already includes lodash for example).
  • jdd 10y ago
    No worries, lodash/debounce can be reduced further with babel+webpack plugins. Assuming the current setup of babel+webpack the difference between your naive version is just ~0.5 kB.
    • nathancahill 10y ago
      Which still doubles the size of the library: ~0.6kb to ~1.1kb. So while it's just half a kilobyte, do that over and over, with nested dependencies and it really adds up.