Тёмный

Инверсия зависимостей. SOLID для React 

Михаил Непомнящий
Подписаться 66 тыс.
Просмотров 10 тыс.
50% 1

Пятый принцип SOLID учит нас снижать уровень связности между React-компонентами, вынося зависимости на уровень абстракций. Разбираемся что всё это значит.
При подготовке данного плей-листа использовались следующие материалы:
/ applying-solid-to-react
konstantinlebe...
developero.io/...
www.everydayre...
/ the-s-o-l-i-d-principl...
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru...
paypal.me/mish...

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

 

16 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 33   
@user-zi6ej2sx8c
@user-zi6ej2sx8c 8 месяцев назад
Это самое лучшее и самое практичное объяснение SOLID для фронтенд разработчиков! Спасибо большое 🙏
@user-ew7yx5qm2h
@user-ew7yx5qm2h Год назад
Михаил, Спасибо за ваш труд. Очень доступно доносите информацию и просто объясняете сложные вещи 👍🏻
@ДмитрийКазаков-б3и
Огромное спасибо за эти объяснения, очень не хватает, когда важную теорию показывают на практике!
@EugeneChe-81
@EugeneChe-81 Год назад
Очень было полезно посмотреть на SOLID под этим углом. Спасибо)
@SanyaSlyusarenko
@SanyaSlyusarenko Год назад
Суть DI в рамках LoginForm хорошо передана! Можно ещё DI применить и в работе с сетью. Выделить, в данном случае, axios в отдельный модуль, из которого будет смотреть какая-нибудь функция callApi(url, data) и именно её и вызывать при работе с сетью. При таком подходе будет очень легко поменять axios на какую-нибудь другую библиотеку, изменив только код в сетевом модуле. При подходе, как в видео, придется бегать по всему проект и менять код :)
@v.demchenko
@v.demchenko Год назад
а метод каким образом определишь?
@crypto_has_you
@crypto_has_you Месяц назад
@@v.demchenko так название метода можно передать по идее строкой или под каждый метод создать функцию и экспортить. Всяко лучше последний вариант, чем заново писать каждый раз
@aleksandrshturm1092
@aleksandrshturm1092 4 месяца назад
Михаил , спасибо большое за серию крутых видео о солид принципах! Получилось очень солидно 😁
@nikolaysmolov8031
@nikolaysmolov8031 Год назад
Класс! Михаил, спасибо за урок!
@MrAlexVelik
@MrAlexVelik Год назад
Михаил, спасибо большое за ваш труд! Изучал принципы SOLID самостоятельно, не знал, как они могут быть применимы к фронту, но теперь всё кристально ясно :)
@BlueCell
@BlueCell Год назад
Супер! Спасибо. Очень полезній цикл
@mistermurder1761
@mistermurder1761 Год назад
Спасибо!
@user-de8pt9tj9l
@user-de8pt9tj9l Год назад
Михаил, благодарю за видео по Solid на базе React! Информация очень помогла в осознании некоторых моментов 👍
@RamaRama-qv3jo
@RamaRama-qv3jo Год назад
Михаил, огромное спасибо, за всю серию видео по solid!
@user-mc6wb6tt7p
@user-mc6wb6tt7p Год назад
Михаил, огромное вам спасибо за цикл видосов по SOLID, очень не хватало именно такого в контексте реакта)
@mzuser35
@mzuser35 Год назад
Михаил, спасибо большое!
@alexandrverin1040
@alexandrverin1040 Год назад
Михаил, а запишите пожалуйста подробное видео про архитектуру и структуру папок в React приложениях
@NikOroferov
@NikOroferov Год назад
Комментарий приемлемой длины в благодарность за видео
@SYVlive
@SYVlive 2 месяца назад
2 подход не совсем понятен. Переложили логику отправки из одного компонента на уровень выше. А вот подход с вынесением метода в сервис - отлично! И тестировать такую функцию проще! Я бы еще добавил, что лучше в таком случае сделать абстрактный класс Request и сделать у него публичные методы post, get и т.д. А сам класс под капотом уже может использовать axios, fetch, да что угодно. Эта зависимость и логика работы методов скрыта от нас. Мы просто используем где надо request.post(url, data) и не думаем.
@vladimirmuratov2220
@vladimirmuratov2220 Год назад
Классное видео. Впрочем как и всегда, Михаил марку качества контента держит. Надеюсь вы не обойдете вниманием DRY, KISS, YAGNI 🙂
@TheKykp
@TheKykp Год назад
Я хочу еще!
@user-rx3fq7kx7d
@user-rx3fq7kx7d Год назад
мне кажется какая-то тонкая грань между SRP и dependency inversion, с точки зрения примера, ведь по сути в примере мы раздели все на свою ответсвенность, будь то абстракция либо сущность
@Aleksei-r4r
@Aleksei-r4r Год назад
Кажется в текущих реалиях логику сабмита было бы логичнее вынести в кастомный хук вместо создания хоков и передачи пропсов.
@mishanep
@mishanep Год назад
Можно и в кастомный хук. Здесь вопрос подключения скорее принципиален. Если на нижнем уровне подключить, то компонент автоматически станет сильно связным и его сложнее переиспользовать. Большинство библиотек предлагает нам как раз подобное api с набором колбэков. Это хорошая практика и для проектной базы.
@AntonioBenderas
@AntonioBenderas Год назад
Михаил, даже на юдеми нету курсов по алгоритмам и структурам данных. Не планируете выпустить шлягер?)
@mishanep
@mishanep Год назад
Вот отличный курс по алгоритмам и структурами данным на Udemy www.udemy.com/course/js-algorithms-and-data-structures-masterclass/
@lesters
@lesters Год назад
идеальный мир, но честно говоря никто в полной мере их не соблюдает :) часть какую-то да но все сразу это фантастика :)
@AleksAlekhin-nk2ds
@AleksAlekhin-nk2ds Год назад
Михаил добрый день. Хотел спросить есть ли какое то различие между вашими курсами по TS и React на udemy и на stepik?
@mishanep
@mishanep Год назад
Здравствуйте. Нет, они идентичны.
@maksimmurza7796
@maksimmurza7796 10 месяцев назад
Здесь случайно связанность и связность не перепутаны?
@stepansereda4459
@stepansereda4459 Год назад
2:03 блин я думал экран треснул
Далее
The Most Important Design Pattern in React
35:04
Просмотров 35 тыс.
Dependency Inversion || storage package
10:02
Просмотров 16 тыс.