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

  Рет қаралды 300,035

Ulbi TV

Ulbi TV

Күн бұрын

Пікірлер: 538
@dontcode
@dontcode Жыл бұрын
Посмотрел до середины, ролик просто пушка, как ты и сказал это самый полный ролик и понятный по архитектуре из всех что я находил. Думаю народ не даст соврать, что на ютубе в основном конференции всякие с кучей воды, а тут все коротко, по существу, еще и с графикой. Ты задаешь планку качества, от меня тебе благодарность
@render_the_void
@render_the_void Жыл бұрын
Первое впечатление от FSD - катострофическая сложность, которая непременно приведет к свалке, ведь подобный абстрактный ряд правил все будут интерпретировать по-своему. Только в отличие от [No Architecture] свалка будет не плоской, одноуровневой, а ультравложенной и иерархической - т.е. мегасвалкой.
@AveWoff
@AveWoff Жыл бұрын
Такая чистая речь, после прослушивания конференций всяких, это так удивительно слушать 😮
@nk_77777
@nk_77777 Ай бұрын
Буквально за 3 минуты (27:45 - 31:25) автор объяснил суть FSD, который вызывает у меня боль на проекте) Спасибо)
@stmihan_
@stmihan_ Жыл бұрын
Очень важный и крутой ролик. ОГРОМНОЕ тебе спасибо за развитие frontend разработки в русскоязычном пространстве
@eeeMan2
@eeeMan2 Жыл бұрын
это всё на бумаге красиво звучит, как только начинается сложный проект то такие архитектуры сложно реализовать
@KGB1st
@KGB1st 9 ай бұрын
челоресур ротируется, все превращается в кашу в любом случае
@27sosite73
@27sosite73 9 ай бұрын
@@KGB1st da =(
@KGB1st
@KGB1st 9 ай бұрын
@@27sosite73 хотя я читал статью, и там такая проблема решается тем, что на каждый микросервис конкретные люди от начала его создания и до самого вывода мс из эксплуатации. технически, это позволить хотя бы как-то не разводить бардак и это действительно дельный совет, но дорогой, типа держать команду целую либо если на одну какую-то команду возложить несколько мс. Но есть риск в степени К если команда свалит или распадется, тогда труба всем этим мс, ибо новые спецы каждый же по своему смотрит, со своей колокольни. короче все это пиз.. как 😋весело
@aau8
@aau8 7 ай бұрын
все сложное начинается с чего-то простого. По крайней мере так должно быть. Если разработчик не в состоянии декомпозировать задачи, то ему ни один паттерн, не поможет
@ТёмикГоловин-й8ц
@ТёмикГоловин-й8ц Жыл бұрын
У него курс выходит, а он полезный видос на час выпускает. Что с лицом хейтеры? Ещё раз увижу, сразу в бан улетите 😈
@UlbiTV
@UlbiTV Жыл бұрын
:D
@h1x0ver78
@h1x0ver78 Жыл бұрын
:)
@MrGameTVCity
@MrGameTVCity Жыл бұрын
В чем смысл хейтить такой контент? Ну допустим автор где то ошибся, но как минимум 90% инфы то правильная, а ошибку по ходу изучения других курсов (или прочесть комментарий с примечанием) можно и самому потом найти и исправить. Благо, есть много курсов на русском/английском.
@y_ra83
@y_ra83 8 ай бұрын
Не перни
@ДмитрийГребнев-д3с
@ДмитрийГребнев-д3с Жыл бұрын
Feature sliced design это лишь один из вариантов реализации clean arhitecture дядюшки Боба. В целом считаю, что данные ролик подойдет только для понимания что архитектура приложения есть, и что хорошо бы про это почитать, но никак не для практического применения. Очень сильная завязка на структуре проекта, как по папочкам все разложить, а это совсем не тоже самое что архитектура.
@АлмазбекАлтынбекУулу
@АлмазбекАлтынбекУулу Жыл бұрын
Критикуешь - предлагай
@MrLuckfinder
@MrLuckfinder 8 ай бұрын
Ещё бы узнать где почитать
@kapwas
@kapwas Жыл бұрын
Автор этим видео вырывается на топ уровень авторов годного материала, полезность зашкаливает.
@sergeymaksimov3441
@sergeymaksimov3441 Жыл бұрын
О, как же я долго ждал такое видео! Спасибо тебе большое!!! Огонь! Долго присматриваюсь к FSD но понять ее было не просто. Сейчас стало более понятно и в теории, и на практике!
@m.lukyanovich
@m.lukyanovich Жыл бұрын
Очень хороший контент. Автор вообще всегда доступно и без воды доносит саму суть. Относительно этой темы. Сам я уже не первый год работаю и несколько неправильно набирался опыта - все архитектурные решения, реализации многих вещей делал, не ознакамливаясь с существующими практиками и готовыми решениями. И лично я отталкивался от такого можно сказать "математического" подхода: то, что повторяется - "за скобки". В итоге пришёл примерно к тому, в чём заключается FSD. Конечно же, каждый раз с учётом индивидуальных особенностей отдельного проекта. На практике в результате это, как минимум, может в разы увеличить скорость разработки проекта, что на длительной дистанции даёт огромный выхлоп. А так в целом озвученные подходы - это разными словами и в разной степени сложности об одном и том же) Если у вас всё хорошо с логикой да и вообще вы по жизни педант и перфекционист, достаточно будет один раз услышать всё это, "чтобы быть в курсе", а к идеальной архитектуре придёте и сами. Миксуя существующие подходы и добавляя что-то от себя.
@mikhas_ryzomny
@mikhas_ryzomny Жыл бұрын
по всему видео при определении свойств архитектуры идет упоминание, что поток данных у нас однонаправленный вот как тут 31:40, (это же было и про модульную) не вижу просто ни потока, ни данных, по мне, некорректно так говорить, потому что первое, что приходит в голову это "props drilling" еще это обычно использовалось в контексте описания самой архитектуры будь то реакта или его сторов. правильнее в данном контексте было бы сказать иерархия управления или иерархия зависимостей или иерарахическая композиция зависимостей. спасибо, было интересно глянуть!!!
@dontcode
@dontcode Жыл бұрын
Очень ждал это видео, с самого момента твоего анонса роликов по архитектуре. Ты делаешь вещи, определенно. После просмотра отпишу про материал Спасибо.
@Леонид-с5з
@Леонид-с5з 6 күн бұрын
11:29 UI 11:48 компоненты 12:40 модули 14:11 15:00 16:01 хелперы 16:14 store 16:43 изоляция модулей с помощью public api 18:00 ограничение внутренностей модуля с помощью линтера 18:05 подитоживание 18:55 страницы 19:43 поток однонаправленный 20:46 преимущества перед классическим подходом 21:17 недостатки подхода 22:07 22:47 сравнительный анализ 23:53 Atomic design методология. Слои: Атомы (UI-слой) 25:11 Молекулы 25:26 Организмы 25:38 Шаблоны 25:51 Страницы 26:08 Аналогия с модульной архитектурой 26:36 Преимущества/недостатки 26:57 Feature sliced design (модульная на стероидах) 27:58 Слои .... 29:20 features 29:51 widgets 30:42 Сегменты 31:58 Ещё раз про слои ... 33:29 processes 33:58 app 34:28 35:10 Сравнение с тремя принципами ООП. Реализация структуры Ideal (в правом нижнем углу) с помощью данной методологии: 37:24 за счёт чего достигается слабое зацепление между модулями 40:13 за счёт чего достигается связанность внутри модулей 41:05 ещё раз про слои. Более детальные примеры каждого слоя: 42:51 слой shared 44:12 45:22 слой enteties (с этого момента еще раз пересмотреть) 47:37 слой features 48:20 слой widgets 49:10 слой pages 49:44 слой app 50:08 итог 51:30 преимущества FSD 53:40 недостатки FSD 54:27 снова упоминание важности использования линтероа для ограничения доступа разработчикам к другим слоям, которыми они не занимаются. 55:22 сравнение FSD с простой модульной архитектурой 55:55 Микрофронтенд + монорепа + модульная
@ivan_adamovich
@ivan_adamovich 3 күн бұрын
Большое спасибо вам за такой подробный ролик. Не первый год работаю программистом, но всё равно очень много полезного для себя подчеркнул
@vuegit
@vuegit Жыл бұрын
FSD сначала показался похожим на Domain Driven Design (DDD). Но имеет большие отличия: DDD максимально оторван от UI и фреймворка (в FSD визуальные компоненты живут в каждом "слое"). В DDD можно писать на классах c DI со всеми ООП принципами. А можно и в функциональном стиле. Плюсом FSD отмечу стандартизацию и документацию, это популяризирует его. Хороший материал, был интересно узнать про FSD.
@daniyarzhanakhmetov7741
@daniyarzhanakhmetov7741 10 ай бұрын
У тебя дар раскладывать информацию по полочкам! Я именно после этого видоса понял FSD достаточно хорошо. Именно после этого ролика все встало на свои места! Спасибо большое за твою работу!
@МарияЗахарова-ы8ц
@МарияЗахарова-ы8ц Жыл бұрын
Спасибо! Наконец-то получилось разобраться с FSD. Хоть кто-то объяснил без воды, на реальном примере. Мне сеньор скинул официальную документацию и это видео в качестве материалов для изучения) Видео прояснило все гораздо больше, нежели документация. Пошла переделывать проект🥲🙂
@artyomsultanov5204
@artyomsultanov5204 Жыл бұрын
Комментарий в поддержку канала! Тимур, ты супер!
@ipa_stor
@ipa_stor Жыл бұрын
Думаю, очень важно внимательно посмотреть тем, кто собирается или начинает свой первый проект(-ы), а то частенько бывает так, что стартуешь проект и не понимаешь с чего начать. Это может выбить из колеи, а архитектура убирает вопрос на корню. В любом случае, приятного просмотра всем
@dmtrkskv
@dmtrkskv Жыл бұрын
В документации React советуют не тратить больше 5 минут на выбор структуры проекта. Практичнее пересматривать ее по мере развития проекта. Но когда в начале уже есть готовая архитектура, то это конечно плюс
@ЕвгенийПалыч-ю4и
@ЕвгенийПалыч-ю4и Жыл бұрын
@@notrodans да? А когда у тебя команда из 5 джунов, которым нужно сделать большое приложение? Всем ждать пока синъерами станут?
@BigMother228
@BigMother228 Жыл бұрын
@@ЕвгенийПалыч-ю4и Уволить 5 джунов, взять 1 синьера, очевидно же))
@render_the_void
@render_the_void Жыл бұрын
​@@ЕвгенийПалыч-ю4и пилить "свалку компонентов" и позволить им учиться на своих же ошибках. Джуны в FSD все равно не смогут, равно как и написать большое приложение. Когда подберут определенное количество опыта, тогда и пересмотрите архитектуру в соответствии с уже изученными бизнесовыми требованиями.
@wat4mon
@wat4mon Жыл бұрын
Спасибо за такой качественный контент, который оч трудно найти на просторах интернета
@kristinavolk2660
@kristinavolk2660 Жыл бұрын
Однонаправленная (и только вверх) и явная благодарность тебе, Тимур! Ролик не остался незмеченным и невкатанным в голову из-за прочно понятной логической структуры контента. Чисто субъективно хочу выделить, что моим мозгам особенно приятно, когда ты грамотно раскидываешь такие архитектурные скелеты не только в схемы, но и в папки и файлы в проекте. И годными примерами ещё подкрепляешь, что и порождает наслойку знания. И как незаменимый бонус, способ мышления также переходит в новые рельсы, которые одерживавют верх над старыми привычками. Спасибо, что почти каждый ролик ты пропитываешь такой идеей, что как нет волшебной таблетки, так нет и чудо - архитектуры. ) Только не надо надеяться, что вот-вот и мы уж точно наверняка все поймём, всю универсальность. Ничего неправда) так как по мере расширения нашего знания, расширяется наше и незнание. Площадь соприкосновения с ним становится больше. Но в этом и есть азарт) Необходимо думать и быть начеку, и если может сразу не всегда получается, то не забывать опираться на ООП китов 😉) (единственное, но опять же вкусовщина, я бы сделала шрифт потоньше для читабельности лёгкой или у меня уже просто глаза плывут, но такой контент не досмотреть до конца на одном дыхании просто невозможно 🤍)
@al77ex1
@al77ex1 Жыл бұрын
Огромное спасибо за архиролик! Архитектура стоит над технологиями и фреймворками. Перевожу свой рабочий проэкт на FSD.
@dmtrkskv
@dmtrkskv Жыл бұрын
Ты очень сэкономил мне время! Спасибо за структурированную работу. Усвоил конечно не все, нужна практика) - Понравилась идея линтинга для запрета импорта кишков модуля. - Понравилась ремарка о том, с какими проблемами столкнемся, если не будем использовать монорепозиторий. - Понравилось наглядное сравнение Модульной и Atomic архитектур с проведением линий на 26:15. Думаю, сильно улучшило бы понимание такое же сравнение Модульной и Feature-sliced архитектур. - Увидел, как Feature-sliced решает проблему использования "модуль в модуле" за счет увеличения количества слоев. Но у меня остался вопрос, как в Feature-sliced решается 4-й недостаток Модульной архитектуры (21:53)? Было сказано, что глобальные сторы/хэлперы могут создавать неявные связи между собой, но как от этой проблемы избавиться в Feature-sliced, пока непонятно, там ведь тоже придется куда-то класть глобальный стор. Был бы очень кстати конкретный пример такой проблемы и ее решения.
@DENisHolden1
@DENisHolden1 Жыл бұрын
Если стор один общий для всех, то никак от связности не избавиться. Так что 4 недостаток сохраняется
@romandeveloper7720
@romandeveloper7720 Жыл бұрын
​@@DENisHolden1 о. У меня такой же вопрос) А если стор не общий, например, на Effector'е, тогда 4 недостаток пропадает и у модульной архитектуры, и у FSD?
@romandeveloper7720
@romandeveloper7720 Жыл бұрын
@@DENisHolden1 а какая связность в этих подходах от общего стора? Не совсем тут понимаю. Мы же создаем стор на самой верхушке этого однонаправленного потока, оборачиваем в этот провайдер все приложение, все редьюсеры вытаскиваем из модулей, с самого верхнего уровня это разрешается делать.
@spadar1602
@spadar1602 Жыл бұрын
Ну вот в упор не понимаю разницы между entities и features, смотрю примеры в доках и кто куда горазд.
@dabiggestfloppa3441
@dabiggestfloppa3441 Жыл бұрын
Спасибо за такое бесплатное распространение столь важной инфы! Очень полезно!
@СергейКлейников-ь4у
@СергейКлейников-ь4у Жыл бұрын
Спасибо за материал! Взял курс, очень жду начала)
@Boobnovslava
@Boobnovslava Жыл бұрын
Как же вовремя, только с твоих видосов по разборам проектов, где ты поправлял чужой код. Как раз возникло желание углубиться в архитектурный аспект
@natalyamurashko125
@natalyamurashko125 Жыл бұрын
Выход нового ролика это целый праздник! 😍 спасибо, Тимур!
@jgkdmdevienjjgg8866
@jgkdmdevienjjgg8866 5 ай бұрын
15:35. Апи это зависимость на внешнюю систему. И одно апи может потребоваться в разных модулях. Так что такая красивая схема только на рисунке будет. Мне кажется лучше апи выносить отдельно
@ВадимБ-у9э
@ВадимБ-у9э Жыл бұрын
Спасибо за проделанную работу, получилось отличное видео. Всем приятного просмотра
@Black1991Star
@Black1991Star Жыл бұрын
Спасибо за видео. И всё в итоге сводиться к общепринятой культуре которая уже установилась в коллективе. А потом, каждый начинает доказывать, что модуль или компонент должен лежать там или там-то, потом приходит тимлид и отдает преймущество тому методу с каким программистом он больше дружит, а на место того програмиста чей вариант не прошел назначаеться следующий кандидит. ... круговорот програмистов в Web-е.
@shehe7408
@shehe7408 Жыл бұрын
Спасибо за отличный материал
@TeodorArg
@TeodorArg 4 ай бұрын
Большое спасибо ! Очень полезный видос с визуальной картинкой, иногда не хватает вот таких простых схем !
@Владимир-д9и7о
@Владимир-д9и7о Жыл бұрын
Спасибо за ролик! Применяю на работе FSD над новым проектом. Намного лучше, чем свалка. Но, нужно перенастроить мозг - привыкнуть. Очень хорошо помогает раздербанить на слои, дизайнерский макет в Фигме.
@_serge_
@_serge_ Жыл бұрын
Добрый день. Под свалкой вы имеете ввиду "Классический подход(без архитектуры)" или и "простой модульный" в том числе?
@Владимир-д9и7о
@Владимир-д9и7о Жыл бұрын
@@_serge_ "Классический подход(без архитектуры)"
@norwinlol
@norwinlol Жыл бұрын
На проекте используем FSD чуть больше года, крутая концепция(иногда не очень ложится на тулкит из за необходимости шаринга между слоями) за видос лайк
@vtsel-lp4jv
@vtsel-lp4jv Жыл бұрын
Архитектура современных FRONTEND приложений. Спасибо!
@lingomotivator
@lingomotivator Жыл бұрын
Прошла курс полностью, словила ошибку только в этом месте после проверки на неправильный адрес, пришлось закоментить словила ошибку только в этом месте после проверки на неправильный адрес, пришлось закоментить // тайм аут вылетает с ошибкой // setTimeout(() => { dispatch({ type: COMMENTS_LOAD, data: jsonData }); dispatch(loaderOff()); // }, 1000); плюс сейчас новая версия спинера и вот эта конструкция в ней уже не работает import Loader from 'react-loader-spinner'; в остальном все работает, отличный пример спасибо!!!
@AndreyChursin
@AndreyChursin Жыл бұрын
Идея для ролика! Современная архитектура приложения - как развервнуть локально приложение, например в docker, можно выбрать какой-нибудь стек.. для меня лично - очень интересно послушать, что думают/умеют другие команды!
@thetraveler7779
@thetraveler7779 Жыл бұрын
Очень познавательные ролики, без воды, предметно и по факту.
@shevdev
@shevdev Жыл бұрын
Уже больше года пользуюсь featured-slice. Всем советую!
@sverbinskiy
@sverbinskiy Жыл бұрын
Видео просто замечательное. Но в идеале было бы сделать видео по том как ты делаешь какой-нибудь простецкий проект по Feature sliced design так как, без каких-то явных примеров на практике довольно сложно понять в каком случае по каких папкам все разносить.
@sergeys4732
@sergeys4732 Жыл бұрын
Там документация подробная есть как раз с примерами кода
@Kado-v1s
@Kado-v1s Жыл бұрын
Я пока учусь, но уже встретился с учебным проектом с классической безархитектурой и этим бардаком. Автор прям перечислил все мои боли. Как же я щас кайфанул, когда узнал про модульную и другие архитектуры! Вообще дьявольски хороший ролик, просто мастхэв.
@Serh-rp6qj
@Serh-rp6qj Жыл бұрын
Так не хватало понимания архитектуры на фронте. Спасибо за то, что ты делаешь!
@T9Bd9fz6E5
@T9Bd9fz6E5 Жыл бұрын
смерть узким ублюдкам
@alexeyfladarov5200
@alexeyfladarov5200 Жыл бұрын
Твои видосы это просто лучшее что можно найти на русском ютубе, мега полезно
@bargamut
@bargamut Жыл бұрын
Спасибо за обзор! )) Всю дорогу не покидает чувство какого-то сплошного противоречия от Feature Sliced. - "Чем ниже слой, тем легче что-то сломать" - сомнительный комментарий в сторону такой архитектуры. - Когда любой верхний слой может использовать любой нижний в любом порядке и количестве - это не приводит к клубкам неявных связей? Что-то не доходит, например, как в подходе Feature Sliced предлагается решать такой случай: - есть две формы: форма А создаёт в системе объект данных с типом А1, форма Б - объект данных с типом Б1 - в форме А есть специальное поле с кнопкой, по нажатию на которую должна открываться форма Б в модальном окне - пользователь создаст в этом окне создаст новый объект типа Б1, модалка скроется и в поле рядом с кнопкой должно отобразиться название только что созданного объекта - дальше работа с формой А продолжится в штатном режиме Ответ в стиле "пересмотреть пользовательский путь" и "вырожденный пример" можно трактовать не пользу архитектуры, т.к. этот самый путь продиктован требованиями к реализации со стороны бизнеса на одном из прошлых проектов. ;)
@semensemenov9519
@semensemenov9519 Жыл бұрын
- "Чем ниже слой, тем легче что-то сломать" - сомнительный комментарий в сторону такой архитектуры. Когда много клиентов у какого-то слоя, то это отразиться на работе клиентов. Соответственно, самое большое количество клиентов у самого нижнего слоя, не заметил ничего сомнительного - Когда любой верхний слой может использовать любой нижний в любом порядке и количестве - это не приводит к клубкам неявных связей? Что-то не припомню, чтобы было сказано именно об использовании любого нижнего слоя в любом порядке. Слои идут друг за другом и использовать их нужно тоже друг за другом, никаких любых нижних слоев, только нижестоящий. Мы же не можем выйти из квартиры на улицу минуя лестничную клетку или лифт.
@bargamut
@bargamut Жыл бұрын
@@semensemenov9519 я могу сказать, что пару месяцев спустя переосмыслил взаимодействие слоёв и их элементов. )
@AlexKato-y7k
@AlexKato-y7k Жыл бұрын
Новичок, если хочешь сразу нормально - начни с ангуляра. Из коробки порядка больше, чем до середины приемов из этого видео. А feature sliced design - держи в голове, думая куда поместить свою фичу. Реакт с вью, сырая поделка, после нескольких лет работы с ангуляр.
@RuslanDasaev-f7f
@RuslanDasaev-f7f Жыл бұрын
Один из лучших материалов на канале, must have для каждого фронт разработчика!!
@evgenasd8892
@evgenasd8892 Жыл бұрын
Приколько что автор старается по принципу solid спроектировать
@boburmustafo8868
@boburmustafo8868 Жыл бұрын
Большое Спасибо очень полезный урок
@ВалентинДжексон
@ВалентинДжексон Жыл бұрын
Это очень полезное видео. Благодарю тебя!!!! Ты сделал мою разработку еще проще 👍👍👍
@dimadima4222
@dimadima4222 Жыл бұрын
Скорее всего тебе уже говорили, но многие твои видео действительно очень информативные и полезные, а изложение материала - последовательное и максимально понятное. Такие видео выгодно отличаются, даже если их сравнивать с некоторыми онлайн-курсами
@Ewok1991
@Ewok1991 10 ай бұрын
Самое лучшее, что я видел. Красава, оч все хорошо разложил по полочкам)
@KGB1st
@KGB1st 9 ай бұрын
фигачу стартап на архитектуре "без архитектуры" все довольны, все работает ))) через 5 лет спросите чем все закончилось :D имхо считаю что простая-модульная архитектура вполне себе отлично подходит для небольших проектов с масштабом регионального уровня, и то, только в критически важных местах, по типу авторизации или управления правами доступа и только исходя из этических соображений (по факту эти модули можно вообще отдельно вынести на уровень самостоятельных апк и гонять основу на токенах). В общем мне кажется здесь больше смысл не в том какая у вас архитектура, а как вы провели декомпозицию, в следствии чего получили желаемый, заветный уровень абстрагирования, т.е. имхо независимости.. ну да, это можно назвать архитектурой, но я как-то подсознательно не хочу это делать.. поскольку видимо все течет и меняется во времени, и не применимо к концепции архитектур в принципе. или может просто я не готов к тому, что все более новые и новые архитектуры так быстро появляются :D ..а это уже предмет для философских размышлений. В любом случае здесь решает мнение на основе опыта TL и PM.
@Abdul-hy4cy
@Abdul-hy4cy Жыл бұрын
Ты так объясняешь классно, спасибо большое Тимур ! Пришел сюда после доки
@ВладОся-з7ь
@ВладОся-з7ь 8 ай бұрын
это лучший канал по программированию , посмотрел много уроков на разных этаппах своей жизни . Программировал на с++ видео очень помогали сейчас пишу на react нужда этого канала не пропала .Спасибо большое за отличные уроки
@ocean1487
@ocean1487 Жыл бұрын
На Jave не тыкаюсь, хорошо поставлена речь, подача инфы супер. Очень приятно слушать , смотреть. Дальше твори чудеса 👍👍🤝
@ДенисКвак
@ДенисКвак 11 ай бұрын
Просто лучший, лучше видео по архитектуре фронта еще не видел
@ИванБ-т6г
@ИванБ-т6г Жыл бұрын
Придраться не к чему, все по делу. Работаю в монорепе, из предложенных вариантов самая приятная - атомная. Плюсик в карму автора.
@nickolayarbuzov6149
@nickolayarbuzov6149 Жыл бұрын
Топовая и важная тема ! Спасибо за новые видео по этой теме
@darkside2436
@darkside2436 Жыл бұрын
Спасибо что разложил по полочкам про feature slide design. Видел open sorce проекты с этой архитектурой, но не до конца понимал чем entities от widgets отличается.
@romangargosow
@romangargosow Жыл бұрын
Материал уровня крутого платного курса, жаль что я не всё могу осмыслить и применить на данном этапе развития. Спасибо!
@pochan1585
@pochan1585 Жыл бұрын
Господи, как это прекрасно. Спасибо большое!
@AndreyChursin
@AndreyChursin Жыл бұрын
Фак, вот работал 6 лет на CRM и черт дёрнул в свободные поля глянуть... кто как хочет так и пишет... отличный ролик про структуру приложения!
@mokkamokka4097
@mokkamokka4097 8 ай бұрын
Огромнейшее спасибо за все что ты делаешь!
@artemburkan
@artemburkan 11 ай бұрын
40:15 - coupling (связанность), cohesion (сплочённость, зацепление)
@Upset0990
@Upset0990 Жыл бұрын
Боже, ты настолько крут, спасибо тебе! Я благодаря твоим видосам про реакт и vue начал писать на этих фреймворках, а теперь начну писать на них правильно! Чую на курс к тебе пора. Может будет запись курса что бы можно было купить только видосы?
@MrBenemon
@MrBenemon 10 ай бұрын
Спасибо, очень качественно, очень доступно. Теперь ролик про солид надо посмотреть.
@kosee4008
@kosee4008 Жыл бұрын
только подумал, а тут уже всё есть. Благодарю!
@emirrrrr123
@emirrrrr123 Жыл бұрын
опять же - шикарно 👍👍👍
@Vesell11
@Vesell11 Жыл бұрын
Turborepo от создателей nextjs в конце забыл упомянуть для монорепы. Отличное видео, много чего в одном месте собрал!
@eugene-dmitrievich
@eugene-dmitrievich 10 ай бұрын
Очень полезное видео. Узнал для себя много нового. Попробую в следующем своем React приложении попробовать архитектуру Feature Sliced Design. Спасибо большое за видео 👍👍👍
@kokoc58
@kokoc58 Жыл бұрын
Странно выглядит зачёркивание красным что "мы рассмотрели". Как будто это плохо, мы это вычёркиваем и начинаем разбирать как правильно. Но в конце у нас всё зачёркнуто красным 😁(как в туду проектах, но там про другое). По моему, отмечать галочкой намного удобнее для восприятия. Можно цветными галочками для расстановки акцентов над вариантами решений.
@arlenm1472
@arlenm1472 Жыл бұрын
Спасибо огромное! Почувствовал себя супергением к концу ролика, иду пробовать fsd)
@asosnovsky
@asosnovsky Жыл бұрын
Недостатки FSD описывают как раз рецепт того, как нужно подходить к архитектуре проекта при любом подходе. Т.е. если взять любой из сказанных и включить голову, то будет норм. Если взять любой и выключить - будет беда. А так - каждые пол года/год выходят "новые" подходы, хотя как по мне так всё +- одинаковое. Вообще всё оч красиво на бумаге) На деле, когда проходит 3-4 года и кучу рефакторингов, картина может быть очень печальна.
@ЭльнараГайнанова-ф3к
@ЭльнараГайнанова-ф3к Жыл бұрын
Бесподобное объяснение 👏 Feature sliced design
@barbatage5078
@barbatage5078 Жыл бұрын
Час годноты! Приступаю…
@mew6085
@mew6085 Жыл бұрын
Очень крутой разбор, смотрел 3 раза ролик, понимаю что ещё столько всего не знаю. Посмотрел на свои проекты, реально каша) Спасибо огромное!
@Logo-e2b
@Logo-e2b Жыл бұрын
Ещё полгода назад я впервые посмотрел ролик по реакту у тебя, а теперь ебашу мобильную приложуху с килотонным, для меня, стеком и кайфую. Спасибо тебе! Очень нравятся собесы
@romanbolshiyanov
@romanbolshiyanov Жыл бұрын
Не престаю восхищаться талантом Тимура. Каждый видос это сотни часов моего времени, которое ты спас дорогой друг. Чувствуется что ты тратишь много времени. Но в подумай сколько времени ты нам экономишь в сумме) тысячи лет . Тимур. А можешь сделать видео о безопасности в контексте архитектуры желательно Full Steck приложение как фундамент для огромного проекта. И рассказать где можно сделать неправильно и ослабить безопасность в проекте. Спасибо 😊
@UlbiTV
@UlbiTV Жыл бұрын
Спасибо! Про безопасность давно плейлист хочу записать, руки не доходят
@NefedoffYuriy
@NefedoffYuriy 5 ай бұрын
Какое же шикарное видео, Алби, ты просто красава!
@qwe-rty-
@qwe-rty- Жыл бұрын
Блин, вот все прям четенько, лайк, но ох уж этот reduser))
@ЭльнараГайнанова-ф3к
@ЭльнараГайнанова-ф3к Жыл бұрын
Как можно быть таким умным? 🤯👏
@webunit
@webunit Жыл бұрын
Обычно не пишу комменты, но тут не удержусь, очень годный контент! То на что Соер потратил годы Ulbi объяснил за 1 час! 😎 Спасибо! 👍
@amat0ru
@amat0ru Жыл бұрын
молодец что просветил, но лучше еще перепиши один из проектов на канале на эту супер пупер архитектуру, а то понять без примера не представляется возможным.
@d9kd9k
@d9kd9k Жыл бұрын
Опечатки: 7:15 Reduser вместо Reducer 21:00 потом вместо поток
@OTKA3
@OTKA3 7 ай бұрын
Спасибо, ща ульби видос перезальет с фиксами
@creemer
@creemer Жыл бұрын
Благодарю! Отличная обзорная экскурсия!
@zakarhappy5496
@zakarhappy5496 Жыл бұрын
Тимурчик, родной, контент в кайф. Выпускай ролики почаще, очень полезный контент, и огромный в клад в обучение. Сасибо!
@Soap9613
@Soap9613 Жыл бұрын
не хватает музыка для атмосферности))) да, видео не для музыки, но фоновая музыка создаёт атмосферу и темп))
@GreenHappyHelix
@GreenHappyHelix Жыл бұрын
чуть ли не единственный, кто вообще не делает воду и кто делает видосы полезные для миддлов
@petrplotnikov4307
@petrplotnikov4307 Жыл бұрын
это новый уровень, я еще не делал проекты на FSD, думаю это очень повысит мой скил
@lostvayne6247
@lostvayne6247 Жыл бұрын
Спасибо за видео. Я как то писал админку используя классический подход и с каждым изменением это превратилось в кашу и которую невозможно уже поддерживать. Мне стыдно за это, буду использовать архитектуры))
@ПавелШевчук-ь6ъ
@ПавелШевчук-ь6ъ Жыл бұрын
Я думаю каждому стыдно за свой первый проект. Я свой вообще с гитхаба удалил
@wijionemaster1875
@wijionemaster1875 Жыл бұрын
Привет хотелось бы уточнить на счет FSD. В примере с entities/user ты показывал папку api, в которой были createUser, updateUser запросы. У меня вопрос почему такие вещи касаются самой entity, а не какой-то фичи из слоя feature или widget по типу createUserForm, updateUserForm?
@krakadzil
@krakadzil Жыл бұрын
Потому что все это теоретический умозрительный шаблон, а на практике криворукие кодеры все равно превратят все в кашу)
@DmitryPopovFreeWind
@DmitryPopovFreeWind Жыл бұрын
мне нравится называть архитектуру своей апки классической) хорошо звучит)
@ArtyomSerchenya
@ArtyomSerchenya Жыл бұрын
Спасибо автору, смог по новому взглянуть на сферу в которую относительно недавно залетел. Здорово, что можно применить FSD в no-code разработке, может немного не в том виде как в классическом программировании, но всё же))
@MrGreen-zs7on
@MrGreen-zs7on Жыл бұрын
Супер! Огромное спасибо )
@дмитрийшикалов-о5у
@дмитрийшикалов-о5у Жыл бұрын
Огромнон спасибо тебе такую грандиозную работу!
@mavldr
@mavldr 8 ай бұрын
Очень подробно и доступно, спасибо тебе большое 🎉
@alexandershmidt6926
@alexandershmidt6926 Жыл бұрын
если бы я мог учиться на твоих курсах, я бы учился. просто бомба.
@dense5067
@dense5067 Жыл бұрын
Для меня как для новичка очень полезное видео спасибо огромное👍
Кто круче, как думаешь?
00:44
МЯТНАЯ ФАНТА
Рет қаралды 5 МЛН
Hoodie gets wicked makeover! 😲
00:47
Justin Flom
Рет қаралды 134 МЛН
When Cucumbers Meet PVC Pipe The Results Are Wild! 🤭
00:44
Crafty Buddy
Рет қаралды 57 МЛН
The Singing Challenge #joker #Harriet Quinn
00:35
佐助与鸣人
Рет қаралды 45 МЛН
CI CD наглядные примеры
22:08
Ulbi TV
Рет қаралды 297 М.
Что в итоге выбрать: REACT, VUE или ANGULAR?
10:27
Проектирование архитектуры сервиса доставки еды
1:39:46
IT Ментор | Сергей Жуков
Рет қаралды 382 М.
Кто круче, как думаешь?
00:44
МЯТНАЯ ФАНТА
Рет қаралды 5 МЛН