Принцип единой ответственности. SOLID для React

Первый принцип SOLID - самый простой в понимании, но самый часто нарушаемый. Разбираемся с принципом единой ответственности и смотрим, что он значит в контексте React-приложения.

Мои курсы по вебу с купонами:

📢 Поддержка канала:

[plxxxkt]

Очень приятно слушать. Идеальный голос для преподования. Подача контента - отличная. Спасибо за работу)

[ubrgegz]

Отличный материал и подача.
Ваше место в тим-лидах и менторах.
Только человек который обладает такой эмпатией успешно справиться с этой ролью.

Браво.

[vladk]

Единственный человек от которого я смог понять один из принципов

[rodionme]

Спасибо за видео. Интересная тема!

Мне кажется, основная сложность в применении этого метода - уловить грань между тем, когда компонент остается понятным и читабельным и тем, когда его уже пора дробить на более мелкие кусочки логики.

Понимать «единственную ответственность» в случае с реактом можно по-разному. Например, в реальном проекте изначальный код, скорее всего, остался бы в таком же виде, потому что он вполне понятен и прост. Можно сказать, что этот компонент решает единственную задачу - отрисовывает полученный список задач. Точно так же можно сказать про абстрактный компонент страницы - он отрисовывает одну страницу. Т.е. решает одну задачу, несмотря на то, что логики на странице может быть очень много.

Я думаю, целью в случае с реакт-компонентом должна быть простота логики и относительная краткость, которую можно мерять в условных экранах или строчках кода. Например, принять за правило, что «компонент должен помещаться в 200 строк».

При этом чрезмерное дробление логики может привести к тому, что с таким кодом будет просто неудобно работать.

Но все это сложно формализировать, конечно. Чувство этой «грани» приходит с практикой.

[alexperemey]

Главное, не доводить использование этих принципов до абсурда. Как говорил Джек Воробей - "Кодекс - это рекомендации, а не жесткие правила"

[prpnmut]

Михаил, спасибо большое за ваши видео!

[Skif]

Классную тему подняли Михаил, ждём новых видео, большое спасибо, что помогаете сообществу.

[rudakov_ilya]

Михаил, спасибо, что делаете такой крутой и полезный контент!

[ilyaprotsenko]

Отличная тема! Спасибо большое за материал!

[pivrrfk]

Очень приятный тембр и интонация голоса. Про смысловую составляющую я вообще молчу) Видео смотреть одно удовольствие! Спасибо за труды

[mars_family]

Спасибо большое, очень жду продолжения 🙏🙏🙏

[mulrzcd]

Спасибо за видео, и простой и наглядный пример!

[nepcz]

У Михаила всегда очень полезный контент, для моего уровня

[AleksandrNeo]

Отдельное спасибо за пример и анимацию, понимание гораздо быстрее приходит) Пойду применять на практике)

[bpjbofd]

Михаил, спасибо за ваш труд и ваши образовательные видео. У вас отличная подача и отменное качество материала. С нетерпением жду видео о дальнейших принципах SOLID.

[ufnwucz]

Очень хорошая подача материала. Жду следующее видео по данной теме SOLID

[rubylnic]

спасибо! отличное видео, не хватало такого ясного объяснения принципов именно на примере реакта

[anonlog]

Михаил, спасибо за такое крутое объяснение, с примерами и наглядностью! Очень замечательное видео, ждем продолжение. Теперь хочется сделать большой рефакторинг кода в своих приложениях))😀

[vadimkiryanov]

Очень классное и полезное видео. Сравнительно недавно все хотел начать изучить эти принципы, но не особо мог найти подходящий материал для изучения. С нетерпением жду нового видео по следующим принципам.

[promoabys]

Да, Михаил, спасибо.

И отдельное за практический пример,
потому что действительно в теории звучит всё просто,
а на практике это всё превращается тяжело поддерживаемый код
и длинные портянки