useMemo в React за 10 хвилин: Просте пояснення з прикладами • Програмування українською 🇺🇦

Описание: Що таке useMemo() в React і навіщо його використовувати?

Уявіть, що ви хочете приготувати сніданок. Щоразу, коли вам потрібно взяти пательню, ви знову йдете на кухню і дістаєте її з полиці, навіть якщо ви її вже діставали раніше. Це дивно, правда? :) Час витрачається на те, щоб постійно робити одну й ту саму дію.

Готовий код: https://github.com/burlai/simple-fron...
#react #reacttutorial #контентукраїнською

Так само в React буває, що ми робимо якісь "важкі" обчислення, які вимагають багато часу або ресурсів. Наприклад, це може бути складна математична операція або фільтрація величезного масиву даних. Якщо ці обчислення виконуються кожен раз при будь-якому рендері компонента, це може призвести до уповільнення роботи додатку. І це все одно, що кожного разу бігати за пательнею :)

Ось тут ми і маємо використати хук useMemo. Він дозволяє нам запам’ятати результат цих важких обчислень і використовувати його повторно, якщо дані, на основі яких ми робимо обчислення, не змінилися.

Хук useMemo потрібен не для кожного коду. Але він може бути дуже корисним, коли у нас є повторювані важкі обчислення, які залежать від props, які змінюються не кожного разу, а тільки час від часу.

Отже, використовуйте useMemo, як свою пательню :) Ми не тягнемо її на кухню кожного разу, коли готуємо омлет, а просто запам'ятовуємо, де вона стоїть, і використовуємо її повторно, якщо це необхідно.

------------------------------------------------------------------------
Привіт, звати мене Костянтин, я працюю senior фронтенд розробником в Samsung Electronics. Мій профіль:   / kostiantyn-burlai  
В цьому відео, а також в серії наступних я буду представляти найголовніше, що ви маєте знати про програмування з React JS.

Підтримати канал можна тут: https://www.buymeacoffee.com/simplefr...
Дякую :)
--------------------------------------------------------------------------