Lodash の使い方 [JavaScript]

Lodash の使い方

参考：

Lodash [Official]

lodash/lodash: A modern JavaScript utility library delivering modularity, performance, & extras – GitHub

lodash – npm

ドキュメント

参考：

Lodash Documentation [Official]

lodash-webpack-plugin

Webpack で必要な Lodash のモジュールのみバンドルする

参考：

lodash/lodash-webpack-plugin: Smaller modular Lodash builds – GitHub

lodash-webpack-plugin – npm

babel-plugin-lodash

Babel トランスパイルで必要な Lodash のみ import する

参考：

lodash/babel-plugin-lodash: Modular Lodash builds without the hassle – GitHub

babel-plugin-lodash – npm

_.pascalCase

_.mixin({ 'pascalCase': _.flow(_.camelCase, _.upperFirst) })

参考：

Add _.pascalCase. by ruimarinho · Pull Request #942 · lodash/lodash – GitHub

_.titleCase

_.mixin({ 'titleCase': _.flow(_.toLower, _.startCase) })

参考：

Lodash title case (uppercase first letter of every word) – Stack Overflow

_.debounce / _.throttle

参考：

lodash の debounce や throttle で簡単に負荷対策 – Qiita

ネイティブによる代替

参考：

Lodash/Underscore は必要ない (かも) – Qiita

you-dont-need/You-Dont-Need-Lodash-Underscore: List of JavaScript methods which you can use natively + ESLint Plugin – GitHub

Webpack で使う

参考：

webpack を使って jQuery と lodash が使える環境を構築する – Qiita

lodash-backports

参考：

tandrewnichols/lodash-backports: Backfills removed lodash methods – GitHub

Tips

参考：

lodash ちょっとマニアックだけど便利な関数 – Qiita

Lodash cheatsheet | Devhints