useMemo()

useMemo – React

最適化のためのフック。メモ化した計算結果を返す。

const visibleTodos = useMemo(() => filterTodos(todos, tab), [todos, tab]);

React のリファレンスによると何千ものオブジェクトを作成したりループしたりしないのであればメモ化は不要とある。