Архитектура современных FRONTEND приложений. 5 видов. Преимущества и недостатки

В этом ролике мы рассмотрим 5 видов архитектуры frontend приложений. Поговорим о преимуществах и недостатках, о том, когда применять тот или иной вид архитектуры frontend приложений.
Курс "Продвинутый Frontend. в Production на React" - ulbitv.ru/frontend
Ролик с анонсом курса - • Улучшенный курс Продви...
Плейлист с роликами по архитектуре - • Архитектура ПО
Таймкоды:
00:00 ➝ Введение
01:00 ➝ Продвинутый Frontend. в Production на React
02:30 ➝ Виды архитектуры
03:00 ➝ Классическая архитектура
09:00 ➝ Итоги. Когда использовать? преимущества и недостатки классической архитектуры
10:30 ➝ Модульная простая архитектура
20:45 ➝ Преимущества и недостатки простой модульной архитектуры
22:50 ➝ Сравнение модульной арх-ры и классической
23:50 ➝ Atomic design методология
27:00 ➝ Feature sliced design (модульная на стероидах). Связанность и зацепление. Инкапсуляция, полиморфизм и наследование. Публичный интерфейс. Бизнес логика.
51:30 ➝ Преимущества и недостатки FSD
56:00 ➝ Микрофронты и монорепозиторий. Распределенная архитектура
01:01:30 ➝ Микросервисы. Когда использовать?
01:03:00 ➝ Итоги. Время ставить лайк и писать комментарий для поддержки канала. Спасибо :)
Поддержать меня и мой канал вы можете по ссылкам ниже.
Patreon/boosty (доступ к бонусам) - boosty.to/ulbitv
Qiwi кошелек - qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469

[@dontcode]

Посмотрел до середины, ролик просто пушка, как ты и сказал это самый полный ролик и понятный по архитектуре из всех что я находил. Думаю народ не даст соврать, что на ютубе в основном конференции всякие с кучей воды, а тут все коротко, по существу, еще и с графикой. Ты задаешь планку качества, от меня тебе благодарность

[@stmihan_]

Очень важный и крутой ролик. ОГРОМНОЕ тебе спасибо за развитие frontend разработки в русскоязычном пространстве

[@sergeymaksimov3441]

О, как же я долго ждал такое видео! Спасибо тебе большое!!! Огонь! Долго присматриваюсь к FSD но понять ее было не просто. Сейчас стало более понятно и в теории, и на практике!

[@dontcode]

Очень ждал это видео, с самого момента твоего анонса роликов по архитектуре. Ты делаешь вещи, определенно. После просмотра отпишу про материал Спасибо.

[@natalyamurashko125]

Выход нового ролика это целый праздник! 😍 спасибо, Тимур!

[@kristinavolk2660]

Однонаправленная (и только вверх) и явная благодарность тебе, Тимур! Ролик не остался незмеченным и невкатанным в голову из-за прочно понятной логической структуры контента. Чисто субъективно хочу выделить, что моим мозгам особенно приятно, когда ты грамотно раскидываешь такие архитектурные скелеты не только в схемы, но и в папки и файлы в проекте. И годными примерами ещё подкрепляешь, что и порождает наслойку знания. И как незаменимый бонус, способ мышления также переходит в новые рельсы, которые одерживавют верх над старыми привычками. Спасибо, что почти каждый ролик ты пропитываешь такой идеей, что как нет волшебной таблетки, так нет и чудо - архитектуры. ) Только не надо надеяться, что вот-вот и мы уж точно наверняка все поймём, всю универсальность. Ничего неправда) так как по мере расширения нашего знания, расширяется наше и незнание. Площадь соприкосновения с ним становится больше. Но в этом и есть азарт) Необходимо думать и быть начеку, и если может сразу не всегда получается, то не забывать опираться на ООП китов 😉) (единственное, но опять же вкусовщина, я бы сделала шрифт потоньше для читабельности лёгкой или у меня уже просто глаза плывут, но такой контент не досмотреть до конца на одном дыхании просто невозможно 🤍)

[@user-ln6dt1wp6y]

Спасибо за материал! Взял курс, очень жду начала)

[@dabiggestfloppa3441]

Спасибо за такое бесплатное распространение столь важной инфы! Очень полезно!

[@wat4mon]

Спасибо за такой качественный контент, который оч трудно найти на просторах интернета

[@user-of8lf7yj8o]

У него курс выходит, а он полезный видос на час выпускает. Что с лицом хейтеры? Ещё раз увижу, сразу в бан улетите 😈

[@UlbiTV]

:D

[@h1x0ver78]

:)

[@MrGameTVCity]

В чем смысл хейтить такой контент? Ну допустим автор где то ошибся, но как минимум 90% инфы то правильная, а ошибку по ходу изучения других курсов (или прочесть комментарий с примечанием) можно и самому потом найти и исправить. Благо, есть много курсов на русском/английском.

[@Hariec88]

Не перни

[@tastebublik]

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

[@dimadima4222]

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

[@m.lukyanovich]

Очень хороший контент. Автор вообще всегда доступно и без воды доносит саму суть. Относительно этой темы. Сам я уже не первый год работаю и несколько неправильно набирался опыта - все архитектурные решения, реализации многих вещей делал, не ознакамливаясь с существующими практиками и готовыми решениями. И лично я отталкивался от такого можно сказать "математического" подхода: то, что повторяется - "за скобки". В итоге пришёл примерно к тому, в чём заключается FSD. Конечно же, каждый раз с учётом индивидуальных особенностей отдельного проекта. На практике в результате это, как минимум, может в разы увеличить скорость разработки проекта, что на длительной дистанции даёт огромный выхлоп. А так в целом озвученные подходы - это разными словами и в разной степени сложности об одном и том же) Если у вас всё хорошо с логикой да и вообще вы по жизни педант и перфекционист, достаточно будет один раз услышать всё это, "чтобы быть в курсе", а к идеальной архитектуре придёте и сами. Миксуя существующие подходы и добавляя что-то от себя.

[@dmitriigolubev7385]

Спасибо Тимур! Удивляюсь как у тебя получается столько всего успевать. Не могу дождаться старта курса)

[@user-zi9tm5cb9s]

Я пока учусь, но уже встретился с учебным проектом с классической безархитектурой и этим бардаком. Автор прям перечислил все мои боли. Как же я щас кайфанул, когда узнал про модульную и другие архитектуры! Вообще дьявольски хороший ролик, просто мастхэв.

[@emirrrrr123]

опять же - шикарно 👍👍👍

[@user-bi7yx2bm2u]

Спасибо за разбор. Очень не хватало такой информации на просторах интернета. такие знания обычно приходят только из работы на реальных проектах. а тут всё доступно сразу

[@yashlek]

Я прям ждал видео от тебя по этой теме. Спасибо ОГРОМНОЕ!

[@nodependency]

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

[@adelinaromanova8353]

Тима, спасибо, смотрим!

[@galichandreyschool]

Супер видео! Как раз FSD юзаю... И так приятно о нём послушать из уст профессионала! Благодарю за полезный контент! Успехов на нелёгком пути профессионального преподавателя!

[@no_way_to_exist]

Первое впечатление от FSD - катострофическая сложность, которая непременно приведет к свалке, ведь подобный абстрактный ряд правил все будут интерпретировать по-своему. Только в отличие от [No Architecture] свалка будет не плоской, одноуровневой, а ультравложенной и иерархической - т.е. мегасвалкой.

[@zalkarmamatkasym6743]

Кратко, ясно и без воды, супер!

[@ruslanundefined2242]

Как всегда топ контент братан! Делай так по чаще! Спасибо за выпуск!

[@kirillkhvorikov9470]

Спасибо тебе, огромное, за творю работу. Это, пожалуй лучшие учебные материалы которые я видел. 👍

[@user-ue7lj2to9q]

Спасибо за труд!

[@daniyarzhanakhmetov7741]

У тебя дар раскладывать информацию по полочкам! Я именно после этого видоса понял FSD достаточно хорошо. Именно после этого ролика все встало на свои места! Спасибо большое за твою работу!

[@ekaterinamartin7803]

Спасибо огромное, Тимур, как всегда 100 из 100. Благодаря твоим роликам разрозненная картина стала складываться в стройную структуру

[@D0flam1ngo]

Я хочу сказать тебе огромное спасибо, за всю твою тяжелую работу!! Мне нравятся твои уроки !!

[@evgeniy_pashko]

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

[@user-iy7nj4is4n]

это лучший канал по программированию , посмотрел много уроков на разных этаппах своей жизни . Программировал на с++ видео очень помогали сейчас пишу на react нужда этого канала не пропала .Спасибо большое за отличные уроки

[@bardin28]

В основном никогда не пишу коментарии под видео, но это просто невероятно полезное для определённого уровня разработчиков. Благодарю!

[@shehe7408]

Спасибо за отличный материал

[@helengriva3016]

Огромное спасибо за такой подробный ликбез! Невероятно полезно и интересно!👍

[@eeeMan2]

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

[@KGB1st]

челоресур ротируется, все превращается в кашу в любом случае

[@27sosite73]

@@KGB1st da =(

[@KGB1st]

@@27sosite73 хотя я читал статью, и там такая проблема решается тем, что на каждый микросервис конкретные люди от начала его создания и до самого вывода мс из эксплуатации. технически, это позволить хотя бы как-то не разводить бардак и это действительно дельный совет, но дорогой, типа держать команду целую либо если на одну какую-то команду возложить несколько мс. Но есть риск в степени К если команда свалит или распадется, тогда труба всем этим мс, ибо новые спецы каждый же по своему смотрит, со своей колокольни. короче все это пиз.. как 😋весело

[@aau8]

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

[@pochan1585]

Господи, как это прекрасно. Спасибо большое!

[@AleksandrMaltsev-jm8ph]

Очень круто! Спасибо что вносишь культуру архитектурной мысли в массы !

[@valeriyk7565]

Как всегда контент на высшем уровне, спасибо! 🤝

[@user-ku3bx8we1c]

Крутейший материал, спасибо огромное! Было бы невероятно круто в дополнение прикладывать ссылки на хорошие примеры проектов или реализовать некий тестовый проект на предложенных архитектурах. Можно потратить очень много лет, чтобы дойти до этого всего. Просто завидую тем, кто сейчас может это все получить в готовом виде, да еще и таким простым языком. )

[@philian73]

Боже, UlbiTV, Feature sliced design - это лучшее, что я видел. Пока что я новичок, в реакте относительно недавно, но стремлюсь к идеалу, и FSD для меня просто прекрасен. Спасибо тебе!

[@artyomsultanov5204]

Комментарий в поддержку канала! Тимур, ты супер!

[@creemer]

Благодарю! Отличная обзорная экскурсия!

[@thetraveler7779]

Очень познавательные ролики, без воды, предметно и по факту.

[@kosee4008]

только подумал, а тут уже всё есть. Благодарю!

[@mokkamokka4097]

Огромнейшее спасибо за все что ты делаешь!

[@user-oe8wz4eu3l]

Спасибо тебе мужик) такого на ру сегменте ютуба очень не хватает ))❤

[@zakarhappy5496]

Тимурчик, родной, контент в кайф. Выпускай ролики почаще, очень полезный контент, и огромный в клад в обучение. Сасибо!

[@user-hd7mi3tj5r]

Огромнон спасибо тебе такую грандиозную работу!

[@user-kc1hw2mn2p]

Это очень полезное видео. Благодарю тебя!!!! Ты сделал мою разработку еще проще 👍👍👍

[@dew-traveler]

Отличный материал! Спасибо большое, очень доступно

[@arlenm1472]

Спасибо огромное! Почувствовал себя супергением к концу ролика, иду пробовать fsd)

[@MrGreen-zs7on]

Супер! Огромное спасибо )

[@samserios9367]

Кайф! Было полезно! Спасибо тебе за труд!

[@TheLastSeason]

Спасибо! Отличный материал. Залпом просмотрел)

[@user-we2rb4es8b]

Спасибо за проделанную работу, получилось отличное видео. Всем приятного просмотра

[@Ewok1991]

Самое лучшее, что я видел. Красава, оч все хорошо разложил по полочкам)

[@al77ex1]

Огромное спасибо за архиролик! Архитектура стоит над технологиями и фреймворками. Перевожу свой рабочий проэкт на FSD.

[@valeramischenko9391]

как всегда максимально информативно! До этого я думал что соблюдаю определенную "классическую" архитектуру - оказалось свалка 🤣🤣. Вообще делаешь супер-мега крутой контент и работу! 🤘

[@user-qg8mw4jx7s]

Один из лучших материалов на канале, must have для каждого фронт разработчика!!

[@user-di2fo2rd7h]

Спасибо! Наконец-то получилось разобраться с FSD. Хоть кто-то объяснил без воды, на реальном примере. Мне сеньор скинул официальную документацию и это видео в качестве материалов для изучения) Видео прояснило все гораздо больше, нежели документация. Пошла переделывать проект🥲🙂

[@Tanatos654]

Посмотрел с большим интересом, большое спасибо за проделанную работу! Очень хочется попробовать FSD и микросервисную архитектуру

[@boburmustafo8868]

Большое Спасибо очень полезный урок

[@zluka7951]

Спасибо большое за то, что ты делаешь.

[@kapwas]

Автор этим видео вырывается на топ уровень авторов годного материала, полезность зашкаливает.

[@user-bf8gi6ct8v]

Feature sliced design это лишь один из вариантов реализации clean arhitecture дядюшки Боба. В целом считаю, что данные ролик подойдет только для понимания что архитектура приложения есть, и что хорошо бы про это почитать, но никак не для практического применения. Очень сильная завязка на структуре проекта, как по папочкам все разложить, а это совсем не тоже самое что архитектура.

[@user-vn3if3wt9p]

Критикуешь - предлагай

[@MrLuckfinder]

Ещё бы узнать где почитать

[@cmac2cmac]

Спасибо за проделанную работу!

[@arseniyyyyyyy]

Ролик пушка, спасибо!

[@mavldr]

Очень подробно и доступно, спасибо тебе большое 🎉

[@mew6085]

Очень крутой разбор, смотрел 3 раза ролик, понимаю что ещё столько всего не знаю. Посмотрел на свои проекты, реально каша) Спасибо огромное!

[@user-bw3dw8km7k]

Просто лучший, лучше видео по архитектуре фронта еще не видел

[@diyaudioby4836]

спасибо, отличный материал и подача, каждый раз для меня что-то новое =)

[@norwinlol]

На проекте используем FSD чуть больше года, крутая концепция(иногда не очень ложится на тулкит из за необходимости шаринга между слоями) за видос лайк

[@vikodam]

Ulbi TV просто красава, так держать Тимур - спасибо за обучающее видео

[@vladimirlevin6799]

Бомбическое видео!

[@anastasiia_idle]

Тимур, спасибо!! очень нравятся твои ролики

[@alexeyfladarov5200]

Твои видосы это просто лучшее что можно найти на русском ютубе, мега полезно

[@Upset0990]

Боже, ты настолько крут, спасибо тебе! Я благодаря твоим видосам про реакт и vue начал писать на этих фреймворках, а теперь начну писать на них правильно! Чую на курс к тебе пора. Может будет запись курса что бы можно было купить только видосы?

[@user-sn4mn3ku9e]

Видос ТОП!!!

[@ArtyomSerchenya]

Спасибо автору, смог по новому взглянуть на сферу в которую относительно недавно залетел. Здорово, что можно применить FSD в no-code разработке, может немного не в том виде как в классическом программировании, но всё же))

[@MrBenemon]

Спасибо, очень качественно, очень доступно. Теперь ролик про солид надо посмотреть.

[@dasha_owl]

Спасибо, было очень интересно, многое стало понятно)

[@user-cb3sc8wk8i]

Отличный ролик, спасибо!

[@TRIZ-Bogatyregold]

Спасибо автору! Отличный ролик! Максимально четко и по делу!

[@forellko8600]

Спасибо за работу!

[@user-yj8tf7xb6g]

Бесподобное объяснение 👏 Feature sliced design

[@yuryarakelove5322]

Спасибо за замечательный ролик и твой труд, записался на второй поток, надеюсь будет крайне полезно!

[@vtsel-lp4jv]

Архитектура современных FRONTEND приложений. Спасибо!

[@user-by9wx1om9v]

Видос - топовый. Спасибо большое!

[@TheKniser]

Очень круто! Очень подробно!

[@username7148]

Спасибо! Отличный материал

[@dense5067]

Для меня как для новичка очень полезное видео спасибо огромное👍

[@ocean1487]

На Jave не тыкаюсь, хорошо поставлена речь, подача инфы супер. Очень приятно слушать , смотреть. Дальше твори чудеса 👍👍🤝

[@dr.livesey5157]

Спасибо! Ты лучший!

[@webunit]

Обычно не пишу комменты, но тут не удержусь, очень годный контент! То на что Соер потратил годы Ulbi объяснил за 1 час! 😎 Спасибо! 👍

[@artemzhuravlenko9955]

Спасибо улби! Отличное видео

[@sfuid]

Спасибо за видео!

[@Qwertyqwerty-tq3we]

так держать🔥

[@barbatage5078]

Час годноты! Приступаю…

[@AndreyChursin]

Идея для ролика! Современная архитектура приложения - как развервнуть локально приложение, например в docker, можно выбрать какой-нибудь стек.. для меня лично - очень интересно послушать, что думают/умеют другие команды!

[@isanioka]

Супер видео 👍