КУРС REACT #17. ОПТИМІЗАЦІЯ РЕРЕНДЕРУ КОМПОНЕНТ. Props, HOC memo, React DevTools.

preview_player
Показать описание
У цьому уроці поговоримо про те, як React ререндерить компоненти, і як запобігти непотрібному ререндерингу. Тема дуже важлива, тому що розуміння таких базових речей допоможе вам писати дуже продуктивні додатки.

Підтримати проект:
Bitcoin: 195BZ5XMFNXgbehjYSuiTqnpUgjw3HDpia
Ethereum & Tether ERC20 (USDT): 0xcD3f8a441CD35Bc86340572e7ed2A50b50fC6Cda
Dogecoin: DG87ok8Z3nwRGmdsE2Vs5524U9JYQStJAd

Посилання:

00:00 - Вступ.
00:31 - Інсталяція React DevTools.
01:10 - Як React ререндерить компоненти.
02:11 - Запобігання ререндеру через пропс children та винесення компонента на окремий рівень.
05:25 - Запобігання ререндеру через memo.
05:40 - Сигнатура memo.

#react #ityoutubersua
Рекомендации по теме
Комментарии
Автор

Коментар на підтримку автору каналу! Дякую за відео)

BigSmLe
Автор

Чудово. Хром - це, звiсно, дуже добре, але за iншi браузери теж не варто забувати, хоча б в якостi прикладу.

dr.margulis
Автор

Дякую за відео, дуже інформативно. Питання, чому використовуєш лише функціональні компоненти? Справа у зручності чи використання класових компонентів вважається застарілою практикою?

skylarkmech