Дадаць канал

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

  • 21.01.2019
  • 118 012 прагляды
  • 👍 9 626
  • 💬 838
https://it-incubator.io/education/?utm_source=youtube&utm_medium=it-k&utm_campaign=education - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость. Поддержать меня можно на patreon https://www.patreon.com/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: https://www.youtube.com/playlist?list=PLcvhF2Wqh7DNVy1OCUpG3i5lyxyBWhGZ8 * Сайты: https://it-kamasutra.com https://it-incubator.eu https://samuraijs.com * Мы в соц. сетях: https://vk.com/itkamasutra https://instagram.com/itkamasutra https://telegram.me/itkamasutra * Мои личные VK и Insta: https://vk.com/d.kuzyuberdin https://www.instagram.com/it.kamasutra.dimych/ #reactJS #практика #примеры #уроки #курс
Катэгорыя: Тэхналёгіі
Канал: IT-Kamasutra

Іншыя відэа з гэтай праграмы