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

[@bsisow]

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

[@webelart]

😘😘😘

[@ruslanred850]

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

[@tatianaagapkina8658]

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

[@ant3413]

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

[@icefire9720]

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

[@alexidino]

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

[@icefire9720]

@@alexidino 5 месяцов

[@webelart]

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

[@gustav7888]

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

[@webelart]

❤

[@РузанаБикбетовна]

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

[@antonk5085]

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

[@webelart]

Спасибо!

[@КириллГруздев-у3д]

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

[@3agoskin]

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

[@romanprokopets3693]

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

[@webelart]

❤️❤️❤️

[@escobar929]

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

[@dodokwak]

Спасибо

[@whatislove448]

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

[@webelart]

😘😘😘

[@Sasha_channel_]

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

[@webelart]

Спасибо! ❤

[@EmilyRight]

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

[@k-ivan]

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

[@webelart]

❤❤❤

[@yankov2206]

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

[@webelart]

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

[@johnsnow6041]

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

[@chantellekad2525]

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

[@webelart]

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

[@tohrrogeil4847]

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

[@Anonym-li8eb]

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

[@ИгорьГреков-я6в]

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

[@webelart]

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

[@lizasokolova1]

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

[@webelart]

❤❤❤

[@mentalshifting.2382]

Ты крутая girl. ❤

[@gritsienkooleg3447]

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

[@ДмитрийКолышницын-с2л]

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

[@Занрин]

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

[@nouchance]

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

[@webelart]

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

[@ArtemFedorovChannel]

Бомба!

[@webelart]

🔥🔥🔥

[@airpodsclub6443]

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

[@milanalak377]

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

[@dr_morpho]

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

[@sargispetrosyan7120]

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

[@webelart]

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

[@КурашовЕвгений-н3ю]

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

[@СергейСтроганов-ы1с]

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

[@webelart]

😘 Спасибо!!

[@aNDy-qh1em]

умничка ❤

[@Ramosok]

Супер!

[@disconnect-forever]

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

[@jamjam3337]

👏

[@ДмитрийПешнин-з7у]

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

[@webelart]

😘

[@minreiha]

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

[@GioMikadzegio9000]

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

[@danildemchenko6004]

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

[@webelart]

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

[@cherkasov9016]

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

[@protonys]

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

[@webelart]

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

[@protonys]

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

[@boryskatowsky5190]

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

[@mrsuhrob1334]

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

[@AnnieKiyan]

Спасибо!❤

[@ЮляМуля-ц4э]

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

[@webelart]

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

[@olexandrsavelev4458]

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

[@dimape.4180]

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

[@webelart]

Спасибо! ❤

[@dodokwak]

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

[@kalabbkon3620]

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

[@webelart]

Ахаха 😂😂😂

[@veadev]

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

[@horsewithnoname3015]

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

[@webelart]

👍🏻👍🏻👍🏻

[@it_malyutka]

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

[@webelart]

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

[@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, что забавно тк понял почему его не везде используют😅

[@КириллВычужанин]

Кайф

[@tohrrogeil4847]

nice!

[@ОляГостева-с1и]

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

[@sykalovandrey6090]

норм)

[@juliv]

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

[@webelart]

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

[@alexsandr9444]

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

[@webelart]

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

[@alexsandr9444]

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

[@ВладимирКолесников-э6д]

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

[@biLLie_wiLLie]

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

[@webelart]

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

[@biLLie_wiLLie]

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

[@webelart]

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

[@mushnikov35]

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

[@БольшойБрат-з4р]

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

[@webelart]

preactjs.com

[@АртемМарусетченко-ц1х]

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

[@николайкраснов-р3о]

Привет 👋

[@webelart]

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

[@severgun]

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

[@webelart]

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

[@galeraonthebeat]

вит, а не вайт

[@webelart]

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

[@alexander551]

Too old for me