Александр Дунай (Альфа-Банк) - Улучшаем качество кода React-приложения с помощью Compound Components

Ближайшая конференция - HolyJS 2024 Autumn, 7 ноября (online), 14-15 ноября (Санкт-Петербург + трансляция).
Подробности и билеты: jrg.su/K18Cxd
- -
Скорее всего, вы сталкивались с проблемой, когда ваш React-компонент становится большим, сложным и в нем появляется куча условий. Согласитесь, такие компоненты сложно читать, ревьюить и вообще понимать, что там происходит.
В этом докладе Александр поделится подходом написания компонентов, помогающих избежать такой ситуации - Compound Components.

[@jpffinc]

Спасибо, было полезно)

[@zakr2]

Самое интересное, как эта бизнес логика в компаунде реализована. Подозреваю, что вложенные тернарники заменили на ифы и стало норм :)

[@yd8874]

А внутренности вложенных компонентов показать? Туда же весь ад спрятали.

[@kolyashevchyk5939]

не думаю там звичайний свіч і композиція, ад в бека на стороні а тут трішки ооп і все

[@ГеоргийАлександров-д9ц]

Спасибо!

[@iGotton]

Внешне причесали, да, а что внутри? Пока это выглядит просто, как разбиение на компоненты одного большого и импорт, где внутри каждого тот же код. Никуда не делась потребность проверять пропс и рисовать по условию.

[@DariaBrinza-w7u]

Где-то можно посмотреть основной код, какова реализация внутри компонентов?

[@pavelorso]

"На уровне выше" творится тот ад что был внутри) ничего не поменялось, тема не раскрыта..

[@aysommer]

Э И Вот
Чуваку надо научиться вести лекции, пока слушать это невозможно. Лучше прочитать статью на хабре

[@egorgor]

На скорости 1.5 норм

[@pinkiseven659]

@@egorgor на х3 еще лучше

[@glebbaruch6644]

Спасибо Александру! Полезное видео и короткое

[@sergeys4732]

А что происходит с tree-shake при таком подходе? Он не перестанет работать разве ?

[@vitabramov89]

Без отличий от изначального варианта