Тайны Реакта! Как писать самый быстрый и мощный код?

Вы довольны вашим кодом?
А как его воспринимают ваши пользователи?
Видео не даст всех ответов, но приоткроет для вас завесы тайны!

00:00 - День, который бывает у каждого
01:24 - Пролог
01:56 - Поиск истины
03:07 - Инициализация полей класса
04:02 - Секреты профилирования
07:07 - Локализуй то
08:07 - Мемоизируй это
11:12 - Какие-то бандлы и чанки
12:52 - Бесконечный списки
13:48 - Картинки, убивающие приложение
14:32 - Резюмээээ

______________________________________________
Полезные ссылки:
1) React Memo компонент: https://ru.reactjs.org/docs/react-api.html#reactmemo
2) Хук useCallback: https://ru.reactjs.org/docs/hooks-reference.html#usecallback
3) Хук useMemo: https://ru.reactjs.org/docs/hooks-reference.html#usememo
4)  Код сплиттинг с React Lazy:
https://ru.reactjs.org/docs/code-splitting.html#reactlazy

Библиотеки виртуализации:
1) react-window: https://blog.logrocket.com/how-to-virtualize-large-lists-using-react-window/
2) react-virtualized: https://blog.logrocket.com/windowing-wars-react-virtualized-vs-react-window/

Библиотеки ленивой загрузки изображений:
https://blog.logrocket.com/the-top-choices-for-react-lazy-loading-libraries-in-2021/

Видео основано на замечательной статье:
https://blog.logrocket.com/5-react-performance-optimization-techniques/

#react #reactjs #javascript #frontend

Видео Тайны Реакта! Как писать самый быстрый и мощный код? канала Как пройти в IT?