26. Уроки React JS (структура проекта, ещё раз про ui - bll) - react курсы бесплатно, 2019

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT —INCUBATOR:

Front-end
https://it-incubator.io/front-end/?ut...

Back-end
https://it-incubator.io/back-end/?utm...

Поддержать меня можно на patreon   / itkamasutra   или оформив спонсорство на данном канале.

Помогайте друг другу вот здесь: https://t.me/reactjs_samurai
Ребят, полным полно справочной информации по библиотекам React и Redux. Гораздо меньше информации про архитектуру и что к чему в этой архитектуре. А та инфа, что есть, ну... Она совсем не для новичков и сложно, не имея опыта, вкурить, что к чему и почему.

Начиная с данного выпуска я буду постоянно вам вдалбливать в мозг инфу про UI и BLL, а потом ещё и добавлю сюда DAL))

Что такое 3-х уровневая архитектура UI-BLL-DAL и является ли она чем-т фиксированно правильным и единственно верным? Конечно же нет. Как и всё в программировании. Всегда мы ищем компромисы и делаем отклонения от правил. Но есть некоторые фундаментальные концепции, которых обязан придерживаться каждый разработчик.

Заметьте, это КОНЦЕПЦИИ, что-то вроде теории, в практике реализоваться эта концепция может множеством способов.

Например, скорее всего вы не встречали до сих пор (кроме моих видео))) определения для UI-BLL-DAL, но встречали MVC, MVP, MVVM... Все эти аббреавиатуры концептуально про одно и том же: ВАЖНО РАЗДЕЛЯТЬ ОТВЕТСТВЕННОСТИ и выносить их в разные части кода!!!

Гуглим быстренько, что такое "SOLID принципы" и что значит первая буква "S" в данной аббревиатуре!

Как по мне, это главнейшая буква в данной аббревиатуре. И, если вы новичок-преновичок, на понимании этой буквы можете и остановиться )) Я вам дам отмашку, когда двигаться к другим буквам)) Всё делаем по шагам, по чуть-чуть!!!

Дак вот наша задача и стоит за react-компонентами оставить всего одну ответственность (single responsibility) - отображать данные, пришедшие в компоненту извне через props.

Такие компоненты называются... Уххх... Как всегда зоопарк названий и очень похожих определений!

Смело называйте такие компоненты Презентационными компонентами (Presentational component), ини же компоненты без состояния (Stateless component).

Я призываю вас до тех пор, пока опять же я не дам отмашку, использовать только функциональные компоненты (определяем компоненту в виде функции, а не с помощью class). И такие компоненты автоматически у нас stateless и presentational (уух. правда у нас на подходе хуки, которыми легко портится stateless функциональной компоненты, но это СОВСЕМ другая история...))

Летим ;)

Уроки по React JS:    • Курс "React JS - путь самурая 1.0", уроки,...  



Сайты:
https://it-kamasutra.com
https://it-incubator.eu
https://samuraijs.com

Мы в соц. сетях:
https://vk.com/itkamasutra
  / itkamasutra  
https://telegram.me/itkamasutra

Мои личные VK и Insta:
https://vk.com/d.kuzyuberdin
  / it.kamasutra.dimych  

#reactJS #практика #примеры #уроки #курс