Тёмный

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

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

Подписывайтесь на наш канал здесь и в телеграмм 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 Итоги

Наука

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

 

2 мар 2023

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 10   
@ingvarr6235
@ingvarr6235 6 месяцев назад
Супер, интересно было послушать, спасибо докладчику 👍
@Evgeny..
@Evgeny.. Год назад
Очень хороший доклад, react, best practice, usememo
@Shadow-pn5qw
@Shadow-pn5qw 11 месяцев назад
Отличный доклад. Лаконично и по сути.
@ivanboychenko1048
@ivanboychenko1048 4 месяца назад
По-моему, это мой препод с гигбрейнс) Очень рад, что Александр двигается дальше и развивается)
@kirills4631
@kirills4631 4 месяца назад
17:45 отличная формулировка получилась "сокрытие сложности от пользователя компонента", которая подмечает боль хуков :) Если есть выбор, где объявлять запросы, то кастомный хук самое неудачное место, на мой взгляд, тк на моей практике часто была проблема, что рефакторишь компоненты по редизайну, или удаляешь не нужные компоненты, а потом оказывается, что отвалились запросы и это деталь реализации, которую не учесть в ТЗ. Для веб-апи и реакт-апи хуки здорово, для всего остального лучше поискать другое место.
@snatvb
@snatvb 4 месяца назад
Я техлид в крупной компании, и могу сказать что это хороший видос) только 25:01 стоит избегать, это ближе к рендер функциям с тем же запохом, но как вокэаунд имеет место быть
@dogsleepsonmyleg
@dogsleepsonmyleg Год назад
Спикер красавчик
@aleksprimetv
@aleksprimetv 27 дней назад
Изменения пропсов не вызываю ререндер! Изменение пропсов это следствие перерендера родителя.
@ruslan-abdullaev
@ruslan-abdullaev 4 месяца назад
Для новичков полезно, но называть кастомные хуки реализацией DI, такое себе
@mike-aaa
@mike-aaa 7 месяцев назад
Странный доклад, для новичка бесполезен, для опытного уже не надо.
Далее
Vue.js: SSR с помощью Nuxt.js | Meta/conf
47:05
4 React Best Practices That Will Make You A PRO
18:12
Просмотров 144 тыс.
How I Did This INSANE Trick 🤯📱🍬
00:10
Просмотров 3,6 млн
FOOLED THE GUARD🤢
00:54
Просмотров 9 млн
Редакция. News: 121-я неделя
42:58
Просмотров 1,1 млн
React и Next js убивают фронтенд!
9:11
10 React Antipatterns to Avoid - Code This, Not That!
8:55
Folder structure in React - Complete Guide
12:35
Просмотров 58 тыс.
✅ЛУЧШИЕ фишки iOS 18🔥
0:51
Просмотров 109 тыс.
ЛУЧШИЙ ПОВЕРБАНК ОТ XIAOMI
0:39
Просмотров 15 тыс.
ВЫ ЧЕ СДЕЛАЛИ С iOS 18?
22:40
Просмотров 116 тыс.