Паттерн Фабричный метод в React. Продвинутый Frontend на реальных примерах

Поделиться
HTML-код
  • Опубликовано: 4 фев 2025

Комментарии • 48

  • @reactify-it
    @reactify-it  8 месяцев назад +16

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

    • @igorsenichev3779
      @igorsenichev3779 8 месяцев назад +1

      Было бы великолепно 👍

    • @H1roHamada
      @H1roHamada 8 месяцев назад +1

      Как раз хотел написать, что демонстрация это хорошо, но лучше самому писать эти решения, так запоминается лучше

  • @КоляВасильев-ш1ц
    @КоляВасильев-ш1ц 8 месяцев назад +5

    О вот это круто! Хороший материал, спасибо! Продолжай пожалуйста делать этот курс! Жду следующие видео!

  • @dimaandoniev544
    @dimaandoniev544 8 месяцев назад +5

    Классный материал, спасибо огромное и жду следующих видео

    • @reactify-it
      @reactify-it  8 месяцев назад +1

      следующее видео будет топовым!

  • @feterson2557
    @feterson2557 8 месяцев назад +2

    Отличный материал! Продолжайте пожалуйста. Огромное спасибо

    • @reactify-it
      @reactify-it  8 месяцев назад +1

      приятно слышать!

  • @-getmen6001
    @-getmen6001 8 месяцев назад +3

    Отличное видео, буду смотреть весь видео курс! Удачи)

  • @beckan_balat
    @beckan_balat 8 месяцев назад +1

    Спасибо большое за пончиное объяснение этого паттерна. Раньше не мог до конца понять его

  • @РусланПолянский-х7б
    @РусланПолянский-х7б 8 месяцев назад +1

    Супер. Жду новый ролик на эту тему.

  • @TarasovFrontDev
    @TarasovFrontDev 8 месяцев назад +1

    Шикарнейшее видео!

  • @puffinavtz3966
    @puffinavtz3966 8 месяцев назад +1

    Спасибо большое! Только начал читать банду 4, оч душная книга. Интересно посмотреть на примерах на реакте. Жду след видео

    • @reactify-it
      @reactify-it  8 месяцев назад

      надеюсь смогу удивить)

  • @reactify-it
    @reactify-it  8 месяцев назад +3

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

  • @skyand_fly
    @skyand_fly 8 месяцев назад +1

    Спасибо!

  • @mmmm-bo9tv
    @mmmm-bo9tv 8 месяцев назад +2

    Спасибо за видос. Очень классно! Реальные проекты - самое то

  • @uzver3787
    @uzver3787 7 месяцев назад +1

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

  • @enterus3288
    @enterus3288 6 месяцев назад +1

    Выходит что с React это выглядит не как "метод" потому что нет класса а есть функциональный компонент который рендерит один из других компонентов в зависимости от пропса, это может запутать. А я обычно закидывал в объект с ключами эти компоненты потому что switch, case выглядит длиннее, но не знаю какой вариант самый лучший.
    Спасибо за видео.

  • @sanmarchen
    @sanmarchen 4 месяца назад

    👏

  • @MrJettann
    @MrJettann 16 дней назад

    А если понадобится добавить какой-то пропс к конкретному компоненту, той же карточке помимо рейтинга ещё что-то, то придется добавлять отдельный пропс в фабрику и все разрастется в огромную помойку, лучше уж compound components использовать если есть набор каких то компонентов схожих, но отличающихся набором свойств

  • @ginhop1057
    @ginhop1057 8 месяцев назад +1

    а есть смысл добавлять батоны в фабрику?
    по той же логике можно просто создать 5 разных кнопок и их использовать

  • @иванминин-ж5р
    @иванминин-ж5р 8 месяцев назад +1

    бомба

    • @reactify-it
      @reactify-it  8 месяцев назад

      фабрика) спасибо!

  • @alexanderegorov1140
    @alexanderegorov1140 2 месяца назад

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

    • @rea1m_
      @rea1m_ 17 дней назад +1

      Контекст или создать объект из этих компонентов и делать что-то такое:
      const Comp = cards[category]

  • @Vladislav-eh3kr
    @Vladislav-eh3kr 8 месяцев назад +2

    С какой периодичностью будут выходить видео по этой теме?

    • @reactify-it
      @reactify-it  8 месяцев назад +1

      1 раз в неделю постараюсь

  • @IgorNovakus
    @IgorNovakus 8 месяцев назад

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

    • @feterson2557
      @feterson2557 8 месяцев назад

      Не нужно ничего менять просто пиши

  • @tanercoder1915
    @tanercoder1915 7 месяцев назад

    Отлично! Где взять этот макет чтобы повторить?

    • @reactify-it
      @reactify-it  7 месяцев назад

      в тг канале в закрепе

  • @mike-aaa
    @mike-aaa 8 месяцев назад

    К слову, тебе бы еще и с громкостью что то сделать

  • @dmytroprokoptsov7185
    @dmytroprokoptsov7185 8 месяцев назад +1

    Я бы ещё лениво подгружал типы карточек, а то все идут в бандл

    • @reactify-it
      @reactify-it  8 месяцев назад

      я не ленивый, могу нормально подгружать

  • @Erlan-jy4qm
    @Erlan-jy4qm 8 месяцев назад +1

    часто ли используется фабричный метод? выглядит очень даже ничего!

  • @АлександрСударев-ж1г
    @АлександрСударев-ж1г 8 месяцев назад

    Выглядит как что-то бессмысленное (может есть какие-то плюсы, но я их не смог найти) Вместо лучше использовать и выпилить этот бесполезный Button.tsx

    • @reactify-it
      @reactify-it  8 месяцев назад

      это пример всего лишь

    • @GonzaVladimir
      @GonzaVladimir 4 месяца назад

      нет) это один и тот ж екомпонент. Обычно существует uikit. и там ты делашеь одну кнопку с разными модами или варивантами Primary Secondary Large Small Extra и тд, что придумает дизайнер. прокидывается classname и пееропределяется в самой кнопке если надо. Но всё таки чаще используется и правда отдельные HOC для какого то по функционалу отличия. НО фабрику тоже делают, только в виде объекта/ списка, а не switch-case. Потому что могут быть ещё параметры в объекте или даже какой то state. и из объекта возвращается структура. пример с карточкой удачный но суть не полностью раскрывает. Фабрика на самом деле очень часто с нами в разработке. Вы и сами может ене понять как используете её на автомате. Пример, у вас есть 3 состояния запроса pending fullfield reject. вот уже фабрика которая в зависимости от статуса загрузки вернёт вам 3 разным компонента. например когда fullfield вы получаете возвращается компонент, в котором опять есть фабрика))) вы получаете от сервера например mode 1 или 2 или 3. и опять что то выбираете из списка в зависимости от мода { 1: ', 2: } . может быть вам надо мод как то определить путём разный условий сложных. короче фабрика с вами. автор крутой))) мне нравится код автора. очень похож на мой собственный. нравится подход и применение умных/глупых компонентов.

  • @kirills4631
    @kirills4631 8 месяцев назад

    Это больше на фасад похоже, чем на фабрику

    • @reactify-it
      @reactify-it  8 месяцев назад

      у многих паттернов и принципов есть общее

  • @ArmxakerMkrtchyan
    @ArmxakerMkrtchyan 8 месяцев назад

    Какой маленький фонт 😔