Александр Гузенко - Путеводитель по архитектуре фронтенда в 2024

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 พ.ย. 2024

ความคิดเห็น • 29

  • @bellmoon2754
    @bellmoon2754 หลายเดือนก่อน +12

    Весь доклад ощущается как интригующая подводка к интересному докладу

  • @dmitriimakarkin5229
    @dmitriimakarkin5229 หลายเดือนก่อน +6

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

  • @Waldemart
    @Waldemart หลายเดือนก่อน +4

    Это в какой вселенной бизнес приходит и просит Axios на Fetch поменять? 🤯

  • @АлександрПанин-ю2в
    @АлександрПанин-ю2в หลายเดือนก่อน +4

    Какой смысл хотел донести автор?

  • @xxxxPomaHxxxx
    @xxxxPomaHxxxx หลายเดือนก่อน +2

    У слоёв основной минус это то что для некоторых крупных фитч их нужно много, а для некоторых мало, но все равно придется их писать так как архитектура обязывает, и получается что для 1 кнопки нужно сделать 10 файлов и 10 папок с булерплейт кодом в 1 функцию которая не чего не делает, еще лежит в разных местах проекта чаще всего.

  • @AlexanderBorshak
    @AlexanderBorshak หลายเดือนก่อน +6

    Архитектура фронтенда состоит из 3-х частей:
    1) отображение, View (собственно, это и есть слой компонетов в Реакте, Вью, Ангуляре и пр.)
    2) хранилище состояния (Redux, Vuex, Pinia, NgRx)
    3) т.н. бизнес-логика, то есть та часть, где у нас походы по сети, валидации, рассчеты и прочее, назовем данную часть "сервисами"
    По сути, все тот же MVC, только немного по другому разделен.
    Что важно, 1-й слой (View) может знать только о хранилище состояния - делать из него выборки и дергать экшины если юзер сделал какое-то действие. В слое View не должно быть никаких хождений по сети внутри хуков, никакой логики - все это вынесено в слой сервисов; слой View занимается только отображением информации из хранилища, и может дернуть только экшин из хранилища (а экшин должен тригернуть сервисный слой, результат работы которого обновить состояние в хранилище, и в конце-концов новое состояние будет отображено слоем View). По своей сути, данный слой - это View из MVC.
    2-й слой, хранилище, ничего не знает о слое View, но знает о слое сервисов. Слой хранилища хранит состояние приложения, имеет средства выборки состояния в нужных разрезах; а также имеет набор экшинов - обращений к слою сервисов, по итогу работы которых экшин может поменять состояние. По своей сути, данный слой - это Controller из MVC.
    3-й слой, сервисов, ничего не знает о слое View; и в идеале - также ничего не знает и о хранилище (правда, в ограниченных случаях может иметь частичное знание о слое хранилища - к примеру, если необходимо периодически изменять состояние в хранилище, но нет желания городить какие-то сложные велосипеды). По своей сути, данный слой - это Model из MVC.
    Вот и вся архитектура, без мечей и магии...

  • @igorring
    @igorring หลายเดือนก่อน +1

    Круто, Александр! Сложные вещи достаточно понятным языком.

  • @wombatosaur
    @wombatosaur 5 วันที่ผ่านมา

    Продайте время кто нибудь, срочно...

  • @Andrew-kx2hz
    @Andrew-kx2hz หลายเดือนก่อน +6

    верни моё время

  • @bilbotea_bagins7318
    @bilbotea_bagins7318 หลายเดือนก่อน +6

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

  • @osad4enko
    @osad4enko หลายเดือนก่อน +1

    FSD хорошь исключительно для микрофронта, Как только вы попробуете совметсить Клиентский и Админ фронтент то FSD превратит вашу жизь в АДДДДД

  • @tranquility_lane
    @tranquility_lane หลายเดือนก่อน

    Приятный доклад, хорошие примеры, отлично для начинающих

  • @nakku_tricks
    @nakku_tricks หลายเดือนก่อน +1

    За героев тупо лайк

  • @404Negative
    @404Negative หลายเดือนก่อน +5

    мда. бубнит-бубнит что-то непонятное без единого примера. потом бац. решил внезапно показать элементарный код как вложенные ифы поменять на логическое ИЛИ. для кого эта лекция ?? вы реально думаете что человек, которого интересуют вопросы связанные с архитектурой фронтенда не знает как вложенные ифы убрать ?

  • @MrLuckfinder
    @MrLuckfinder หลายเดือนก่อน +1

    Рассы - это глагол?

  • @Ernuna
    @Ernuna หลายเดือนก่อน

    render props и composite component и есть Bridge

  • @betterhell-7248
    @betterhell-7248 หลายเดือนก่อน +7

    Доклад хороший, но сложилось впечатление, что FSD это какой-то "золотой ключ" и не имеет смысла всё что было до него. Спасибо!

    • @levsonc
      @levsonc หลายเดือนก่อน +1

      С FSD лучше, чем без него. Но да, нужно практическое понимание. Теория часто не даёт конкретных ответов на многие вопросы. (It depends.)

    • @kirillmitskevich8851
      @kirillmitskevich8851 หลายเดือนก่อน

      Мне кажется, что FSD это какой-то прикол из жанра "идеальный мир существует" и те, кто любит думать, что все можно сделать идеально, пытаются реализовать FSD ... Возможно, я и не прав, но когда методология хорошая, то и такого большого количества вопросов по ней возникать не должно. Но да, FSD в любом случае всегда лучше, чем ничего.

    • @ddflruc
      @ddflruc หลายเดือนก่อน

      @@kirillmitskevich8851 Судьба FSD, как и эффектора - мешать работать тем, кто не хочет думать сам.

    • @infantfrontender6131
      @infantfrontender6131 หลายเดือนก่อน

      @@kirillmitskevich8851 ситуация прямо как с Effector.

    • @KopoLPedov
      @KopoLPedov หลายเดือนก่อน +4

      @@kirillmitskevich8851 FSD - это еще одна маркетинговая серебрянная пуля. К архитектуре это нечто не имеет никакого отношения. Архитектура строится исходя из технических требовани/предметной области. Для FSD нужно выразить предметную область под понятия FSD и это абсурд.

  • @i_am_5_percent
    @i_am_5_percent หลายเดือนก่อน +1

    🎩

  • @artpotlov
    @artpotlov หลายเดือนก่อน

    25:23 в условии должно быть '&&' вместо '||'

  • @ДенисАрхипов-м3ч
    @ДенисАрхипов-м3ч หลายเดือนก่อน +21

    40 минут воды
    Никакой конкретики
    Примеры максимально поверхностны
    Чистую не советует использовать, но FSD построенный на чистой у него one-love

    • @bilbotea_bagins7318
      @bilbotea_bagins7318 หลายเดือนก่อน +3

      Хз какой конкретики ждете в докладе, в котором обсуждены чуть ли не все популярные архитектурные паттерны за 40 минут, естественно это будет поверхностный обзор без сложных примеров, такова концепция доклада. Целью автора, как мне показалось, было простым и понятным языком донести базовые понятия об архитектуре на фронте и ее различных проявлениях, любой начинающий после просмотра при желании может углубиться и найти уйму примеров по рассмотренным поверхностно темам, сеньерами же не рождаются)
      Ну и насчет чистой вы все правильно сказали, fsd основана на чистой, и именно поэтому автор доклада на фронте не рекомендует использовать чистую "чистую" архитектуру, так как она является слишком абстрактной реализацией данной идеи, подходящей под любые типы приложений. Зачем это делать, если можно использовать ее аналог, адаптированный под особенности фронта и обладающий теми же положительными качествами? (безусловно есть кейсы, когда чистая подойдет лучше ввиду специфики проекта, но в большинстве случаев fsd будет прекрасным вариантом)

    • @ДенисАрхипов-м3ч
      @ДенисАрхипов-м3ч หลายเดือนก่อน +2

      ⁠@@bilbotea_bagins7318, обсуждены да, но какой смысл хотел донести автор? Какую пользу? Если про fsd сейчас на каждом заборе написано
      Я понимаю если была бы проделана реальная исследовательская работа, к которой можно обращаться в ходе доклада или после него, где был бы расписан реальный опыт применения.
      А так это лишь ведро воды из которой получишь минимум пользы.