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

[@ruslanred850]

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

[@bsisow]

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

[@webelart]

😘😘😘

[@antonk5085]

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

[@webelart]

Спасибо!

[@tatianaagapkina8658]

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

[@icefire9720]

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

[@alexidino]

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

[@icefire9720]

@@alexidino 5 месяцов

[@webelart]

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

[@user-ns6cq5sf1w]

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

[@romanprokopets3693]

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

[@webelart]

❤️❤️❤️

[@3agoskin]

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

[@k-ivan]

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

[@webelart]

❤❤❤

[@yankov2206]

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

[@webelart]

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

[@whatislove448]

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

[@webelart]

😘😘😘

[@gustav7888]

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

[@webelart]

❤

[@ant3413]

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

[@Sasha_channel_]

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

[@webelart]

Спасибо! ❤

[@user-oz7gi4mq3b]

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

[@dodokwak]

Спасибо

[@chantellekad2525]

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

[@webelart]

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

[@johnsnow6041]

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

[@escobar929]

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

[@EmilyRight]

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

[@tohrrogeil4847]

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

[@ArtemFedorovChannel]

Бомба!

[@webelart]

🔥🔥🔥

[@sargispetrosyan7120]

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

[@webelart]

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

[@user-zk5ok6wn2l]

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

[@lizasokolova1]

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

[@webelart]

❤❤❤

[@user-me4pb8qs2t]

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

[@airpodsclub6443]

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

[@gritsienkooleg3447]

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

[@Ramosok]

Супер!

[@Anonym-li8eb]

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

[@nouchance]

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

[@webelart]

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

[@user-bz9qe2fw4e]

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

[@webelart]

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

[@mentalshifting.2382]

Ты крутая girl. ❤

[@boryskatowsky5190]

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

[@user-sb7gn9ej3x]

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

[@webelart]

😘 Спасибо!!

[@jamjam3337]

👏

[@user-xd6rk7th8b]

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

[@webelart]

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

[@user-gg7cg7gz9o]

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

[@dr_morpho]

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

[@milanalak377]

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

[@user-yw4yn3cy3b]

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

[@disconnect355]

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

[@minreiha]

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

[@protonys]

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

[@webelart]

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

[@protonys]

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

[@mrsuhrob1334]

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

[@cherkasov9016]

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

[@danildemchenko6004]

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

[@webelart]

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

[@olexandrsavelev4458]

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

[@user-mw4um7vo4q]

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

[@webelart]

😘

[@AnnieKiyan]

Спасибо!❤

[@veadev]

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

[@dimape.4180]

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

[@webelart]

Спасибо! ❤

[@kalabbkon3620]

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

[@webelart]

Ахаха 😂😂😂

[@user-qh6eh7yv3g]

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

[@webelart]

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

[@dodokwak]

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

[@horsewithnoname3015]

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

[@webelart]

👍🏻👍🏻👍🏻

[@tohrrogeil4847]

nice!

[@webrubin]

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

[@webelart]

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

[@webrubin]

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

[@horsewithnoname3015]

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

[@user-ck6qi9qw9y]

Кайф

[@alexsandr9444]

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

[@webelart]

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

[@alexsandr9444]

@@webelart Вот тут например подробно обьясняет ) kzbin.info/www/bejne/aIjTaISGidCjo9U

[@user-yy3fw5mv7s]

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

[@user-iz9qp7np4q]

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

[@sykalovandrey6090]

норм)

[@juliv]

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

[@webelart]

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

[@biLLie_wiLLie]

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

[@webelart]

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

[@biLLie_wiLLie]

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

[@webelart]

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

[@user-jx8pe4yz6q]

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

[@webelart]

preactjs.com

[@mushnikov35]

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

[@user-yb5bx2ki4q]

Привет 👋

[@webelart]

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

[@user-zs8gf4zj7i]

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

[@severgun]

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

[@webelart]

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

[@galeraonthebeat]

вит, а не вайт

[@webelart]

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

[@alexander551]

Too old for me