ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก

КОГДА и КАК нужно писать HOC(Higher-Ordered Component) в ReactJS? | Front-End practice

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ส.ค. 2024
  • В этом видео вы узнаете в каких случаях необходимо добавлять и использовать HOC-и в своих проектах. Так же раскрываю какие проблемы они решают на примере ReactJS component c пошаговыми этапами имплементации. Да, в этом видео есть живая практика и примеры - так что надеюсь оно вам будет полезными и вы уже начнете их внедрять в ваш проект=)
    ============
    Всем спасибо и приятного просмотра!
    00:00 - 01:25 - когда понял что HOC мне нужен?
    01:25 - 04:46 - проблемы в коде которые решает HOC
    04:46 - 05:51 - что такое HOC?
    05:51 - 11:45 - реализуем HOC
    11:45 - 12:29 - что еще почитать?
    12:29 - 13:45 - чего нельзя делать в HOC?
    13:45 - 14:16 - эпилог
    =====
    Если вы хотите меня поддержать:
    Patreon: / aboutit
    ======
    Инстаграм: / kuhotandrew. .
    Фейсбук: profile.php?...
    Твиттер: kuhot_andrew?t=FS...
    =====
    Всем привет, меня зовут Андрей и я работаю ReactJS разработчиком. Также интересуюсь алгоритмами и математикой. На этом канале я рассказываю о своем опыте работы программистом, про плюсы и минусы профессии. Еще буду рассматривать интересные для меня темы и подходы.
    #программирование #ityoutubersru #itubeteam

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

  • @user-iw9zi7qp4t
    @user-iw9zi7qp4t ปีที่แล้ว

    Спасибо тебе братан! Теперь до меня дошло)))

  • @user-we2rb4es8b
    @user-we2rb4es8b 2 ปีที่แล้ว +1

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

    • @aboutit6516
      @aboutit6516  2 ปีที่แล้ว

      Старался, но по просмотрам фиаско=) Видимо ХОКи уже никому не интересны, хотя сущестсвует много легаси и для понимания как либы работают очень даже полезно.
      Плюс на собесах до сих пор спрашивают

  • @dzmitrykubarski1462
    @dzmitrykubarski1462 2 ปีที่แล้ว +7

    Стоп!) а тут кажется грубая ошибка на 3:30 минуте. Ваша фраза - "как мы знаем, только у классовых компонентов есть состояние...." Подумал, что видео старое, а нет, ноябрь 2021 года)

    • @aboutit6516
      @aboutit6516  2 ปีที่แล้ว +3

      да, скорее я хотел сказать что если хуки используете то и в ХОКах смысла нет(кастомные хуки можно писать). А если старый реакт на проекте, то да только в классовых стейт есть.

  • @anton5988
    @anton5988 2 ปีที่แล้ว +14

    в конце 21го года писать классовые компоненты 😆

    • @aboutit6516
      @aboutit6516  2 ปีที่แล้ว +5

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

    • @igorkorenets1687
      @igorkorenets1687 2 ปีที่แล้ว +21

      @@aboutit6516 Меня тоже насторожила фраза - "Как мы знаем только в классовых компонентах может быть стейт"...

    • @t1mee
      @t1mee 2 ปีที่แล้ว +5

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

  • @solio6999
    @solio6999 2 ปีที่แล้ว +2

    Спасибо! Область применение хоков стала понятнее! Интересно было бы послушать про архитектуру проектов react + redux, по каким принципам разделять бизнес-логику и UI, в каких местах обязательно должны быть ловушки ошибок...в общем все что касается организации кода
    сейчас делаю pet-project на react + redux и испытываю перманентную фрустрацию на тему архитектуры((

    • @aboutit6516
      @aboutit6516  2 ปีที่แล้ว

      хорошо что испытываешь, значит понимаешь что плохо. Подумаю как завернуть чтобы смотрели) Ты работаешь уже где-то?

    • @solio6999
      @solio6999 2 ปีที่แล้ว

      @@aboutit6516 нет пока, учусь на курсах...можно наверное сказать, что уже доучиваюсь)

    • @aboutit6516
      @aboutit6516  2 ปีที่แล้ว +2

      @@solio6999 не заганяйся пока сильно) на работе увидишь как архитектура построена, научишься, поспрашиваешь у синьоров. Но пэт проджект не забрасывай)

  • @chessclub92
    @chessclub92 ปีที่แล้ว

    кто знает, что за шрифт на 5:13

  • @romanroman4308
    @romanroman4308 2 ปีที่แล้ว +1

    спасибо! было бы неплохо ссылку на репу с кодом прикрепить

    • @aboutit6516
      @aboutit6516  2 ปีที่แล้ว

      Возьму на заметку

  • @anazkomult
    @anazkomult 2 ปีที่แล้ว +3

    Слава Дэну что появились хуки.

    • @aboutit6516
      @aboutit6516  2 ปีที่แล้ว

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

  • @jurafree426
    @jurafree426 2 ปีที่แล้ว +1

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

    • @aboutit6516
      @aboutit6516  2 ปีที่แล้ว

      ахах, принято)

  • @piligr1m_ua_
    @piligr1m_ua_ 2 ปีที่แล้ว +6

    класи рілі??? )))))

    • @nazar6715
      @nazar6715 2 ปีที่แล้ว

      Я так розумію що Класи в реакт вже не модно?

    • @tohadolinskiy7791
      @tohadolinskiy7791 ปีที่แล้ว

      ​@@nazar6715не актуально

  • @alexleshenko
    @alexleshenko ปีที่แล้ว +2

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

  • @BoffkaBoffka
    @BoffkaBoffka 2 ปีที่แล้ว

    Наверно больше половины понял, но самостоятельно тако не напишу.
    ...досмотрел до конца и понял, что программистом мне не быть.

    • @aboutit6516
      @aboutit6516  2 ปีที่แล้ว +3

      почему? это тема просто не для начинающих) я наврное спустя год работы начал ХОКи использовать

    • @suslikest3708
      @suslikest3708 2 ปีที่แล้ว +2

      Это нужно руку набивать и всё. Без практики у всех такие проблемы с любой новой темой или либой.

    • @user-ue8zr5wv1y
      @user-ue8zr5wv1y 2 ปีที่แล้ว

      Не тупи! С теми источниками обучения, что сейчас есть ты до этого уровня дойдешь за чуть меньше чем год. Зависит от того, что ты будешь учить. Кто-то учит сразу реакт и забивает на верстку (html css), что нормально для тех кто планирует быть болше разрабом, чем фронтом только.
      ФРонты бывают двух типов -
      1) кто бэк ништяк знает, скуель и фроемворки с ТайпСкриптом
      2) Те кто знают все фроемворки и могут дизайн офигенный и юзабельный сделать на изи, но у них хуже знания в бэке
      Знаю кучу историй, как люди за пол года обучались и влетали в АйТи и через год-два уже 150+ получали (если случаи 200+ и случаи около сотки)