usememo
const memoizedResult = useMemo(() => {
return expensiveFunction(propA, propB);
}, [propA, propB]);
Inexpensive Ibex
const memoizedResult = useMemo(() => {
return expensiveFunction(propA, propB);
}, [propA, propB]);/*
Pass a “create” function and an array of dependencies.
useMemo will only recompute the memoized value when one
of the dependencies has changed. This optimization helps
to avoid expensive calculations on every render.
*/
const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);