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

В этом ролике мы рассмотрим 5 видов архитектуры frontend приложений. Поговорим о преимуществах и недостатках, о том, когда применять тот или иной вид архитектуры 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 ➝ Итоги. Время ставить лайк и писать комментарий для поддержки канала. Спасибо :)

Поддержать меня и мой канал вы можете по ссылкам ниже.

[dontcode]

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

[stmihan_]

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

[sergeymaksimov]

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

[dontcode]

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

Спасибо.

[m.lukyanovich]

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

[natalyamurashko]

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

[kristinavolk]

Однонаправленная (и только вверх) и явная благодарность тебе, Тимур! Ролик не остался незмеченным и невкатанным в голову из-за прочно понятной логической структуры контента.

Чисто субъективно хочу выделить, что моим мозгам особенно приятно, когда ты грамотно раскидываешь такие архитектурные скелеты не только в схемы, но и в папки и файлы в проекте. И годными примерами ещё подкрепляешь, что и порождает наслойку знания.

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

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

[dabiggestfloppa]

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

[lndtwpy]

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

[tastebublik]

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

[watmon]

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

[artyomsultanov]

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

[kubxwec]

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

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

[NefedoffYuriy]

Какое же шикарное видео, Алби, ты просто красава!

[TeodorArg]

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

[werbesb]

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

[thetraveler]

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

[difordh]

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

[no_way_to_exist]

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

[Tanatos]

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