Производительность и мемоизация (Memoization)

Часть курса React

В вашем приложении есть таблица на две тысячи строк и поле поиска над ней. Каждое нажатие клавиши даётся с трудом: вы печатаете, и через полсекунды буква появляется. Ничего не сломано, и код выглядит вполне разумно. А происходит вот что: один символ в поле поиска заставляет React заново выполнить все две тысячи компонентов строк, выяснить, что почти ни один из них не изменился, и только потом обновить экран.

React перерисовывает всё охотно и делает это намеренно, и в большинстве случаев так и надо: выполнить функцию компонента дёшево, а React хорошо умеет вычислять минимум изменений на странице. Иногда это всё же неправильно, и для таких случаев React даёт вам три инструмента, которыми можно сказать "результат не изменился, возьми прежний".