Разбираем хуки (hooks) в React по доке и на примере todo листа | уроки JavaScript

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

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

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

    Как раз разбираюсь с хуками и тут такой подарок! Спасибо!

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

      😘😘😘

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

    Интересненько. Реакт показался очень простым на входе, собрал пару полноценных ресурсов, а теперь вот смотрю че я там вообще наворотил))

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

    Объяснили то что многие не объясняют и просто пишут код не объясняя так досконально простые вещи которые новичкам очень сложны в понимании. Спасибо.

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

    хороший формат, давай еще че-нить подобное)

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

    Если актуально, то формат - 🤘

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

      Спасибо!

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

    Оч вовремя) умничка Вы, спасибо!

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

    Елена, привет из Екатеринбурга, благодаря вашим видео я наконец-то осуществил мечту перешел из строительной сферы на фронтенд разработчика.

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

      Сколько времени у вас ушло если не секрет?

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

      @@alexidino 5 месяцов

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

      Очень круто, поздравляю вас!! ❤

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

    Спасибо, отличный формат, всегда так лайтово и лампово)

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

      😘😘😘

  • @k-ivan
    @k-ivan 2 ปีที่แล้ว +4

    Елена, спасибо за Ваш контент!

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

      ❤❤❤

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

      @@webelart Спасибо! Отличный контент, ставлю лайки, повышаю самооценку блогера)
      с уважением, твой любимый подпищик)

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

      Спасибо! ❤️❤️❤️

  • @КириллГруздев-у3д
    @КириллГруздев-у3д 2 ปีที่แล้ว +3

    Формат огонь! 😆Елена, Спасибо вам за актуальный и полезный контент))

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

    Елена ты прекрасна, все отлично объясняешь.
    Я только изучил JS и ковыряюсь в реакте.
    Спасибо тебе. )

  • @РузанаБикбетовна
    @РузанаБикбетовна 5 หลายเดือนก่อน

    Елена, спасибо большое за урок👏👏👏

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

    более расслабленный формат круче, спасибо за труды)

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

      ❤️❤️❤️

  • @3agoskin
    @3agoskin ปีที่แล้ว

    Елена, спасибо за видео. Проработал с вами этот час, даже немного забегал вперед. Формат отличный, спасибо за проработку и подачу материала!

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

    Молодчинка!!! спасибо огромное!!!нужно больше react!!!

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

    Спасибо

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

    формат хорош, легче смотреть и инфа воспринимается лучше)

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

    Купила платные курсы, а смотрю вас 😂. Очень понятное обьяснение, спасибо🤗

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

      Спасибо! ❤

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

    Какая же ты молодец

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

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

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

      Спасибо! ❤️❤️❤️

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

    Ты крутая girl. ❤

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

    Елена, благодарю! Вдохновляете на любовь к своей работе 💖

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

      ❤❤❤

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

    Спасибо огромное, всегда нужен качественный контент

  • @ДмитрийКолышницын-с2л
    @ДмитрийКолышницын-с2л 2 ปีที่แล้ว +1

    Ну наконец-то!!!!

  • @Anonym-li8eb
    @Anonym-li8eb 8 หลายเดือนก่อน

    Спасибо за видео, формат пушка! :)

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

    Бомба!

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

      🔥🔥🔥

  • @ИгорьГреков-я6в
    @ИгорьГреков-я6в 2 ปีที่แล้ว

    Так пишу комент что б видео продвигалось!) а вообще хороший канал есть интересный материал

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

      Аааааа!!!! Спасибо!!!! ❤️‍🔥❤️‍🔥❤️‍🔥

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

    Я досмотрел до конца,где конфетка ?🤔 Спасибо за труд ,ты классная 👍🏻❤️

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

      Сходите в магазин и купите. Спасибо за отзыв. ❤

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

    Супер!

  • @Занрин
    @Занрин 2 ปีที่แล้ว

    Топовый топ, Елена!!

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

    Спасибо! Ты крутая! 🔥

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

    крутой контент, очень хочу увидеть объяснения более сложных хуков от тебя!!!

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

    Клевый контент, как всегда) Спасибо вам!

  • @КурашовЕвгений-н3ю
    @КурашовЕвгений-н3ю 2 ปีที่แล้ว +3

    Не думала создать по реакт полный курс, часика на 6?

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

    После завтра у меня Выпускной ДР, веб-приложения (SPA) на React'е :)) как раз искал о хуках! Спасибо большое!

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

      О, огнище!!! Желаю вам крутого выпускного!

  • @aNDy-qh1em
    @aNDy-qh1em 2 หลายเดือนก่อน

    умничка ❤

  • @disconnect-forever
    @disconnect-forever 2 ปีที่แล้ว

    Елена, спасибо, очень полезно!

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

    Спасибо, всё понравилось, было очень интересно!☺☺☺

  • @СергейСтроганов-ы1с
    @СергейСтроганов-ы1с 2 ปีที่แล้ว

    Привет Лена !. Видос по реакту просто супер , и этот формат тоже класный так держать

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

      😘 Спасибо!!

  • @ДмитрийПешнин-з7у
    @ДмитрийПешнин-з7у ปีที่แล้ว

    Ты классная)) спасибо за уроки 😋

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

    👏

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

    Спасибо!❤

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

    Спасибо, невероятно полезная тема)))

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

    Елена спасибо тебе огромное просто бомба )) Снимай видео про тестирование пож

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

    Елена, спасибо за Ваш труд! привет из Киева:)

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

      Привет-привет! Рада, что контент нравится! Обнимаю вас! 😘

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

    Хороший получился видос, спасибо. Хотел бы увидеть тутор по redux toolkit.

  • @ЮляМуля-ц4э
    @ЮляМуля-ц4э ปีที่แล้ว

    волосы отрастили! вам так намного лучше!

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

      Я вновь постригла 🌺

  • @dimape.4180
    @dimape.4180 2 ปีที่แล้ว

    Классно выглядишь!🌼🌼🏵🏵

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

      Спасибо! ❤

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

    Забавная подача, но заходит неплохо. Хотелось бы в таком же стиле про стили ))) Именно про стили, как они использованы в этом уроке. Если уже есть, прошу кинуть ссылку...

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

      А какие стили имеете ввиду?

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

      CSS - как организован механизм по стилям, без описания самой css верстки. Т.е. почему так организованы в проекте, почему в файлах с именем index.modele.scss, какой пакет это делает и как его установить/настроить. Что удобно, что нет

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

    Интересно, а как внутри устроен хук, например, useState?

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

    Можешь снять про webpack прям уникальный видос ?) спасибо)

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

    С этим useEffect иногда можно попасть в рекурсию, если почему-то забыть вторым параметром передать пустой список, и делать запрос на сервер.

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

    Елена вы клёвая)я бы с вами не хуки разбирал )а собранную раскладушку)))🤭🤭🤭

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

      Ахаха 😂😂😂

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

    Первый! ууу🥳
    Ещё бы хуки все вспомнить и react с nest добить😒

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

      👍🏻👍🏻👍🏻

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

    nice!

  • @КириллВычужанин
    @КириллВычужанин 2 ปีที่แล้ว

    Кайф

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

    Отличное видео👍 Нет планов записать видео про библиотеку solidjs? Интересно ваше мнение о ней.

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

    Спасибо, отличное видео. Правда, пришлось периодически лезть в русскую документацию (я так себе англичанин) и посматривать видео с более подробными объяснениями, конечно, но это не минус, всем нужно уметь гуглить. Именно как небольшой проектик с относительно реальной задачей очень зашло :)

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

      Услышала, спасибо за комментарий! 🙏

  • @ОляГостева-с1и
    @ОляГостева-с1и ปีที่แล้ว

    Живое наглядное разжевывание материала.. Как правильно исправить ошибки и всё по русски

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

    подскажите какую модель лучше взять для веб разработки ? React , js , css ,html .... m1 Air 16 gb 13 или pro версию?

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

      Смотря что планируете изучать и как много разбирать. 16gb в целом норм для начала.

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

      @@webelart я изучаю js и react

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

      @@webrubin ориентируйтесь на то что нравится внешне или что дешевле, что дешевле - лучше можно будет купить второй монитор🤷🏿‍♂️. я без проблем пишу nest и next приложения с бд через vsc (вроде даже тянет webstorm) на ноутбуке 12-го года с a10 и 8гб оперативной памяти и вторым монитором из минусов только не тянет parallax, что забавно тк понял почему его не везде используют😅

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

    #20:44 Так event не удалится. нужно использовать переменную.

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

      Удалится, это скролл глобальной переменной window.

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

    норм)

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

    Лена, спасибо за ваши видео! Подскажите в Англии есть такой же гигант как Битрикс или типа того? Как они там интернет магазины клепают?

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

      Мне кажется тут довольно большой выбор компаний. Но я в основном в сторону FAANG смотрела, здесь есть Гугл, ютуб кстати, Meta (facebook), даже Apple вроде открывается команда (друг недавно собесился), Амазон в Шотландии

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

      @@webelart Я немножко про другое спросил) фрилансеры местные какими инструментами пользуются для создания проектов?

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

      @@biLLie_wiLLie Ааа, поняла, то-то же я про битрикс не сразу поняла. Была на примете одна компания, но уже не помню. :(

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

    в onRemove нет смысла ибо onDone делает тоже самое, тупо переиспользовать

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

    Использование useCallback как мне кажется в вашем не верное так как вызывается в родительском компоненте а не передается дочерним компонетам. Получается что в таком примере по мимо onAdd setInputValue будет еще создаваться еще один колбек и массив зависимостей.И в массиве зависимостей тоже требуется указывать не только inputValue но и onAdd setInputValue так как если например измениться onAdd реакт об этом ничего знать не будет

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

      Можете привести пример как правильно? Не всё поняла. Кстати посмотрела на работе, мы примерно так и юзаем его :D Но допускаю, что могут быть тонкости.

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

      @@webelart Вот тут например подробно обьясняет ) th-cam.com/video/2Wp7QPTkpms/w-d-xo.html

    • @ВладимирКолесников-э6д
      @ВладимирКолесников-э6д 2 ปีที่แล้ว

      ​@@webelart useCallback нужен для сохранения ссылки на функцию между рендерами, чтобы, например, избежать лишнего перендера дочернего компонента, если тому передается эта функция как проп. Лишнего перерендера получится избежать, если обернуть функцию в родительском компоненте в useCallback, а дочерний функциональный компонент в HOC React.memo (или настроить в дочернем классовом компоненте shouldComponentUpdate). Еще может пригодится, если в компоненте есть императивная подписка на событие (напрямую через DOM в useEffect или обработчиках) и нужно сохранить ссылку на функцию-обработчик между рендерами, чтобы, например, в каком-то следующем рендере отписаться от события.

  • @николайкраснов-р3о
    @николайкраснов-р3о 2 ปีที่แล้ว

    Привет 👋

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

      Привет-привет! ❤

  • @АртемМарусетченко-ц1х
    @АртемМарусетченко-ц1х 2 ปีที่แล้ว

    Елена, не могли бы вы сделать видео-урок, по классам, очень сложное даётся в понимании.😞😞

  • @БольшойБрат-з4р
    @БольшойБрат-з4р 2 ปีที่แล้ว

    что за П реакт ?

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

      preactjs.com

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

    Не хватило информации почему нужно использовать useState, а не просто `let tasks = [];`

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

      При перерендере вы все потеряете.

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

    вит, а не вайт

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

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

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

    Too old for me