greptile-apps[bot]
commented
1 month ago Disclaimer This information might be inaccurate, due to it being generated automatically
Implementation Steps
-
Replace
lodash/camelCase:- Use a custom function or a library like
change-case. - Example:
import { camelCase } from 'change-case';
- Use a custom function or a library like
-
Replace
lodash/cloneDeep:- Use
structuredCloneor a custom deep clone function. - Example:
const clone = structuredClone(obj);
- Use
-
Replace
lodash/countBy:- Use
Array.prototype.reduceto count occurrences. - Example:
const countBy = (arr, fn) => arr.reduce((acc, val) => { const key = fn(val); acc[key] = (acc[key] || 0) + 1; return acc; }, {});
- Use
-
Replace
lodash/debounce:- Use a custom debounce function.
- Example:
const debounce = (func, wait) => { let timeout; return (...args) => { clearTimeout(timeout); timeout = setTimeout(() => func.apply(this, args), wait); }; };
-
Replace
lodash/isEqual:- Use a deep equality check function.
- Example:
const isEqual = (a, b) => JSON.stringify(a) === JSON.stringify(b);
-
Replace
lodash/isPlainObject:- Use
typeofandObject.prototype.toString. - Example:
const isPlainObject = (obj) => Object.prototype.toString.call(obj) === '[object Object]';
- Use
-
Replace
lodash/kebabCase:- Use a custom function or a library like
change-case. - Example:
import { paramCase } from 'change-case';
- Use a custom function or a library like
-
Replace
lodash/mapKeys:- Use
Object.entriesandArray.prototype.reduce. - Example:
const mapKeys = (obj, fn) => Object.entries(obj).reduce((acc, [key, value]) => { acc[fn(key)] = value; return acc; }, {});
- Use
-
Replace
lodash/mapValues:- Use
Object.entriesandArray.prototype.reduce. - Example:
const mapValues = (obj, fn) => Object.entries(obj).reduce((acc, [key, value]) => { acc[key] = fn(value); return acc; }, {});
- Use
-
Replace
lodash/mergeandlodash/mergeWith:- Use
Object.assignor a custom deep merge function. - Example:
const merge = (target, ...sources) => sources.reduce((acc, src) => { Object.keys(src).forEach(key => { if (typeof src[key] === 'object' && src[key] !== null) { if (!acc[key]) acc[key] = {}; merge(acc[key], src[key]); } else { acc[key] = src[key]; } }); return acc; }, target);
- Use
-
Replace
lodash/pickandlodash/pickBy:- Use
Object.keysandArray.prototype.reduce. - Example:
const pick = (obj, keys) => keys.reduce((acc, key) => { if (obj.hasOwnProperty(key)) acc[key] = obj[key]; return acc; }, {});
- Use
-
Replace
lodash/startCase:- Use a custom function or a library like
change-case. - Example:
import { startCase } from 'change-case';
- Use a custom function or a library like
-
Replace
lodash/throttle:- Use a custom throttle function.
- Example:
const throttle = (func, limit) => { let inThrottle; return (...args) => { if (!inThrottle) { func.apply(this, args); inThrottle = true; setTimeout(() => inThrottle = false, limit); } }; };
-
Replace
lodash/uniq:- Use
Array.prototype.filterandSet. - Example:
const uniq = (arr) => [...new Set(arr)];
- Use
-
Replace
lodash/upperFirst:- Use a custom function.
- Example:
const upperFirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);
Code References
- Refer to
/code/lib/cli/src/automigrate/helpersfor utility functions that might be useful. - Update the relevant files in
/code/lib/cli/src/automigrate/fixesto replace Lodash functions.
Testing
- Ensure all unit tests pass without modifications to the tests themselves, except for changing the way Lodash functionalities might get mocked.
- Measure bundle size reduction using current bundle analysis tools.
References
/code/lib/cli/src/automigrate/fixes/remove-jest-testing-library.test.ts /code/lib/cli/src/automigrate/fixes/prompt-remove-react.ts /code/lib/cli/src/automigrate/fixes/prompt-remove-react.test.ts /code/lib/cli/src/automigrate/fixes/webpack5-compiler-setup.test.ts /code/lib/cli/src/automigrate/fixes/eslint-plugin.test.ts /code/lib/cli/src/automigrate/fixes/mdx-to-csf.test.ts /code/lib/cli/src/automigrate/fixes/storyshots-migration.test.ts /code/lib/cli/src/automigrate/fixes/remove-global-client-apis.test.ts /code/lib/cli/src/automigrate/fixes/new-frameworks.test.ts /code/lib/cli/src/automigrate/fixes/sb-scripts.test.ts /code/lib/cli/src/automigrate /code/lib/cli/src/automigrate/helpers /code/core/src/builder-manager/utils/framework.ts /code/core/src/builder-manager/utils/framework.test.ts /code/core/src/telemetry/get-monorepo-type.test.ts /code/lib/cli/src/automigrate/index.test.ts
stolbikova
xeho91
tanel-terras
valentinpalkovic
raon0211
Overview
In our efforts to optimize our monorepo's dependencies and improve bundle sizes, we are looking to replace our usage of Lodash with native JavaScript functionality or alternative libraries where applicable. This initiative is inspired by the recommendations found in You Don't Need Lodash/Underscore, which outlines many cases where modern JavaScript provides solutions that previously required utility libraries like Lodash.
Specific Lodash Functions in Use
From an initial audit, the following Lodash functions are currently in use across various packages in our monorepo:
lodash/camelCaselodash/cloneDeeplodash/countBylodash/debouncelodash/isEquallodash/isPlainObjectlodash/kebabCaselodash/mapKeyslodash/mapValueslodash/mergelodash/mergeWithlodash/picklodash/pickBylodash/startCaselodash/throttlelodash/uniqlodash/upperFirstAcceptance Criteria
To consider this work complete, the following criteria must be met:
import merge from 'lodash/merge') should be replaced across the monorepo.Potential Challenges
mergeandmergeWith: These functions are used extensively for deep object merging. Identifying a suitable replacement that handles all edge cases might be challenging.lodash/throttlefunction is used in performance-sensitive areas. Ensuring that the replacement maintains the same throttling behavior and performance characteristics is crucial.Request for Contributions
We are seeking contributions from the open source community to tackle this initiative. Contributions can range from identifying and documenting potential replacements, to implementing changes in specific packages. Please comment on this issue if you're able to take on a part of this work, specifying which packages or Lodash functions you're focusing on.
Thank you for your contributions to improving our monorepo's efficiency and maintainability!