Dependency Inversion - главный инструмент Архитектора

Что такое Dependency Inversion
Примеры реализации
Почему, ты обязан понимать DI
Подписывайтесь на мой telegram канал:
t.me/cleanfrontend
Моя библиотека Tiny Invert:
www.npmjs.com/package/tiny-in...
Курсы:
Redux - micro-courses.ru/course/redux...
FSD - micro-courses.ru/course/fsd-full
00:00:26 - Что такое DI
00:03:20 - Пример реализации DI
00:10:35 - Зачем нужен DI
00:16:52 - Почему ты должен понимать DI
00:22:09 - Типичные примеры использования DI
00:27:50 - Ты даже не знал, что это DI

[@ozevas]

Ну прям булочка, такой радостный и довольный сидит 🙂

[@tanercoder1915]

Предлагаю сделать серию видосов каждый сеньор должен знать. Отличный контент

[@PavelKhapaliuk]

Поддерживаю!

[@DmitryBelykh]

Браво! Отличное объяснение

[@AndreyPovstyanko]

Спасибо за классный обзор DI ! Либо я все сильно упрощаю, либо все реально сильно проще, но как по мне DI - разработка на уровне интерфейсов, а не конкретных реализаций. Получается мы просто создаем интерфейс который компонент А будет использовать, а потом уже любой другой компонент Б должен реализовать этот интерфейс.

[@ihorsudenko864]

лучший

[@HIghtowerSever]

Спасибо, Женя. Только одна просьба, на экране редактора кода масштабируй текст плиз. Раза в 3-4. место же позволяет?

[@user-bk3ty7kh3o]

сделай tutorial по Tiny Invert. очень надо

[@amat0ru]

@paromovevg вы б хотя б продемонстрировали как использовать вашу либу с реактом. или это будет следующее видео?

[@danilka6295]

данное видео идеально показывает то, что 'компоненты' в реакте не очень то и похожи на компоненты, а являются обычными функциями, которые возвращают значение

[@paromovevg]

Так можно было бы сказать, если бы понятие "компонент" не было задано самими авторами React Авторы React назвали функцию которая возвращает React.Element компонентом, и всё. То что это просто функция, никто не отменяет

[@danilka6295]

@@paromovevg это вводит в заблуждение разработчиков не только из других сфер, но даже тех же фронтендеров, которые до этого с реактом не работали, можно было использовать такое понятие, как template в видео же показано решение проблемы 'компонентов' в реакте, поскольку в других инструментах это решается гораздо легче, но конечно, само по себе видео хорошо объясняет принцип)

[@paromovevg]

@@danilka6295 То что я не особо думал о людях которые не знают React -- правда моя ошибка. Признаю

[@IvanSneg001]

​@@paromovevg🎉

[@user-xs2dx2mh3f]

Эта библиотека - типа аналог @Autowired в java?

[@aleksandrakreev5297]

Хотелось бы чуть больше инфы про недостатки применения dependency inversion

[@d0paminer]

Коммент в поддержку

[@Markeldo]

Огонь. Быстро и понятно... А... Я на 1.5 скорости послушал... Но всё равно понятно. Такое бы видео полтора года назад, чтобы я мог объяснить коллегам по работе, чем их компонента была плоха

[@kirills4631]

Tiny Invert это же по сути реализация inversion of control container? Слой для связывания абстрактных интерфейсов с их реализациями и доступа к ним

[@paromovevg]

По факту да, упрощает связывание абстракций с реализациями Его можно и к inversion of control притянуть, но такой концептуальной мысли я в него не закладывал

[@user-zk6tw7rj1t]

Оказывается это так просто, а то некоторые типы так загоняют.. походу сами не понимат))

[@user-uz8qg6hf8p]

Интересно, как компонент А зависит от В? А если из А в B будут проброшены пропсы?

[@paromovevg]

Сам факт импорта уже зависимость. Компонент B может быть переименован перенесен, поменять интерфейс или логику. Все приведет к изменениям A

[@user-kv7lo2hu6b]

К примеру, если пропсы изменяться в компоненте B, то A надо рефакторить

[@user-xs2dx2mh3f]

Спасибо за разбор темы. А в чём отличие от dependency injection?

[@paromovevg]

Dependency injection - это инструмент, который позволяет удобно делать dependency inversion Мой tiny invert по факту замена dependency injection

[@kirills4631]

SPA на реакте тот еще глобус с совами) Поймал себя на мысли, что на примерах разбивки компонентов можно объяснять и single responsobility, и Coupling/Cohesion и наверное еще много все умного

[@paromovevg]

По факту React компонент это функция. Что и SRP применим к функциям, и вообще все принципы программирования я думаю, никто не спорит

[@user-bi1gv7yu9k]

Нужен пример использования до/после и тд

[@MsSofull]

🔄 Зависимость от конкретных реализаций усложняет код и препятствует его повторному использованию. ⬆ Инверсия зависимостей - это инструмент, позволяющий абстрагироваться от реализации и управлять потоками зависимостей. 🔗 Инверсия зависимостей заключается в том, что абстрактный класс зависит от интерфейсов, а конкретные классы реализуют эти интерфейсы. 🛠 Инверсия зависимостей используется для улучшения тестируемости, расширяемости и гибкости кода. 💪 Архитектор должен уметь применять инверсию зависимостей для проектирования надежных и гибких систем.

[@user-sw4ed4gh9n]

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

[@paromovevg]

Самая гравная разница, кто является держателем типа. Раньше компонент B теперь компонент А Теперь компонент А меняется только при изменении своих собственных типов

[@artemunix5223]

покажешь как это реализовать на vue nuxt? )))

[@paromovevg]

Там беда Но почти всегда спасают слоты с параметрами, те же рендер пропсы

[@artemunix5223]

@@paromovevg покажешь расскажешь?)))

[@Iamizart]

Все сеньоры в сборе?!

[@izzy7541]

16:54 Мне же не послышалось? 😂

[@user-bk3ty7kh3o]

какой ты умничка. заметил, что человек оговорился

[@user-kv7lo2hu6b]

молодец

[@uicodeuz]

Первый ❤

[@kitsunaana9783]

умничка, есть повод для гордости

[@uicodeuz]

@@kitsunaana9783 ага, стал лучше понимать dependency inversion

[@user-cj8sn6ej3l]

Лайкосиков этому господину!