Что не так с React.js? Best practices vs code smells, Александр Погорелов - Frontend

Подписывайтесь на наш канал здесь и в телеграмм t.me/meetups_evrone, чтобы быть в курсе будущих митапов и не пропускать полезные доклады!
Александр Погорелов, Senior Frontend Developer, Teamlead, DataArt
Доклад начну с представления себя и плана презентации, потом разберу каждый из смысловых блоков, которых всего три: немного о самом фреймворке; разбор "запахов" кода; разбор лучших практик. Доклад будет полезен фронтенд разработчикам любого уровня, новички узнают что-то новое, матёрые разработчики освежат память. Используя подходы описанные в докладе, ваш код будет чище, читабельнее и поддерживаемее, потому что все примеры взяты из реальной жизни, из реальных проектов. В конце будут даны ссылки на используемые источники и репозиторий с примерами использования лучших практик представленных в презентации.
0:28 Вступление
1:07 Что не так с React.js
3:57 Code Smells / Много props
4:52 Неконсистентные props
5:38 Разные сущности в одном useEffect
6:12 Props in useState
8:16 God Component
9:33 Context as Redux
10:08 Сырые данные
12:14 Общепрограммистские Best practices
14:49 Сокрытие сложности
15:13 Components & Containers
16:41 Custom Hooks
17:53 High Order Components
18:42 Context API
19:24 Function as a Child
20:12 Оптимизация / React.memo
21:58 useCallback (useMemo)
23:32 God Context
25:02 Итоги

[@ingvarr6235]

Супер, интересно было послушать, спасибо докладчику 👍

[@Shadow-pn5qw]

Отличный доклад. Лаконично и по сути.

[@ivanboychenko1048]

По-моему, это мой препод с гигбрейнс) Очень рад, что Александр двигается дальше и развивается)

[@kirills4631]

17:45 отличная формулировка получилась "сокрытие сложности от пользователя компонента", которая подмечает боль хуков :) Если есть выбор, где объявлять запросы, то кастомный хук самое неудачное место, на мой взгляд, тк на моей практике часто была проблема, что рефакторишь компоненты по редизайну, или удаляешь не нужные компоненты, а потом оказывается, что отвалились запросы и это деталь реализации, которую не учесть в ТЗ. Для веб-апи и реакт-апи хуки здорово, для всего остального лучше поискать другое место.

[@snatvb]

Я техлид в крупной компании, и могу сказать что это хороший видос) только 25:01 стоит избегать, это ближе к рендер функциям с тем же запохом, но как вокэаунд имеет место быть

[@Evgeny..]

Очень хороший доклад, react, best practice, usememo

[@dogsleepsonmyleg]

Спикер красавчик

[@aleksprimetv]

Изменения пропсов не вызываю ререндер! Изменение пропсов это следствие перерендера родителя.

[@ruslan-abdullaev]

Для новичков полезно, но называть кастомные хуки реализацией DI, такое себе

[@mike-aaa]

Странный доклад, для новичка бесполезен, для опытного уже не надо.