Тёмный

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

Evrone Development
Подписаться 11 тыс.
Просмотров 6 тыс.
50% 1

Подписывайтесь на наш канал здесь и в телеграмм t.me/meetups_e..., чтобы быть в курсе будущих митапов и не пропускать полезные доклады!
Александр Погорелов, 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 Итоги

Опубликовано:

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 10   
@ingvarr6235
@ingvarr6235 10 месяцев назад
Супер, интересно было послушать, спасибо докладчику 👍
@ivanboychenko1048
@ivanboychenko1048 8 месяцев назад
По-моему, это мой препод с гигбрейнс) Очень рад, что Александр двигается дальше и развивается)
@kirills4631
@kirills4631 8 месяцев назад
17:45 отличная формулировка получилась "сокрытие сложности от пользователя компонента", которая подмечает боль хуков :) Если есть выбор, где объявлять запросы, то кастомный хук самое неудачное место, на мой взгляд, тк на моей практике часто была проблема, что рефакторишь компоненты по редизайну, или удаляешь не нужные компоненты, а потом оказывается, что отвалились запросы и это деталь реализации, которую не учесть в ТЗ. Для веб-апи и реакт-апи хуки здорово, для всего остального лучше поискать другое место.
@snatvb
@snatvb 7 месяцев назад
Я техлид в крупной компании, и могу сказать что это хороший видос) только 25:01 стоит избегать, это ближе к рендер функциям с тем же запохом, но как вокэаунд имеет место быть
@dogsleepsonmyleg
@dogsleepsonmyleg Год назад
Спикер красавчик
@aleksprimetv
@aleksprimetv 4 месяца назад
Изменения пропсов не вызываю ререндер! Изменение пропсов это следствие перерендера родителя.
@crypto_has_you
@crypto_has_you 16 дней назад
Вызывают
@ruslan-abdullaev
@ruslan-abdullaev 8 месяцев назад
Для новичков полезно, но называть кастомные хуки реализацией DI, такое себе
@mike-aaa
@mike-aaa 11 месяцев назад
Странный доклад, для новичка бесполезен, для опытного уже не надо.
@Evgeny..
@Evgeny.. Год назад
Очень хороший доклад, react, best practice, usememo
Далее