84 - React JS - hook, useState, хуки

it-incubator.io/education/?ut... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_samurai
API: social-network.samuraijs.com/
Зачем нам нужны хуки (hooks)??? Хуки - это функции, которые умеют делать что-то крутое и очень гармонично вписываются в инфраструктуру реакта.
ReactJS хочет уйти в сторону и не использовать классовые компоненты вовсе. Но без классовых компонент мы не могли обойтись: нам иногда (или часто) нужен стейт внутри компоненты, а так же нам нужны методы жизненного цикла компоненты, чтобы делать побочные эффекты (side-effects) (componentDidMount\componetnDidUpdate), предотвращать перерисовку лишнюю (shouldComponentUpdate), зачищать мусор (componentWillUnmount) и ещё всякое разное...
Нам НУЖНЫ были классовые компоненты. Но разработчики ReactJS решили научить функциональные компоненты решать перечисленные выше ситуации иным способом: не с помощью методов жизненного цикла и локального стейта, а с помощью хуков.
И так, начинаем с самого простого и понятного: useState.
useState позволяет нам внутри функциональной компоненты доставать состояние, сохранённое для этой компоненты на прошлом этапе отрисовки. Для неискушенного обывателя это выглядит, будто внутри самой функциональной компоненты у нас есть "локальный стейт", точь-в-точь, какой у нас был в классовой компоненте (this.state, this.setState)
А вот та самая статья про разжеванное объяснение от создателя:
habr.com/ru/company/ruvds/blo...
Обязательно гуглим эту тему в официальной документации!
Летим, самураи!!!
Уроки по React JS: • Курс "React JS - путь ...
* Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
* Мы в соц. сетях:
itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
/ it.kamasutra.dimych
#useState #hook #reactJS

[@user-yk9lw9qe3y]

Годы проходят, но ползут.. ползут настырные самураи по курсу Димыча! Респект и уважение автору! React, Redux, Hooks - лучший курс!

[@johnunderwood4904]

Не верится, что уже 84тый выпуск и добрался до hook, useState. Пока слабо верится в собственные силы, несмотря на проделанный путь, но бросать точно не планирую.

[@theoty-js]

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

[@slavapush]

31:25 - Этот же статус, который мы спи... т.е. получили)

[@codegorian6057]

HAHAHA

[@user-sj6tb7od6s]

хD

[@user-nh3cq9it6e]

Ахахахха

[@vladovcharov517]

сп, сп, сп, сполучили!!!

[@railbatyrshin5361]

поржал))))

[@user-tp4fn2dl9w]

Ух, уже 84 урок. Когда дошла до 80 урока, всё заново сама написала, освежила знания, теперь чувствую осознанное понимание всего, что изучили 💪спасибо!

[@user-bd4lw9hx3s]

Простыми словами о сложном. Такие люди заслуживают отдельного джакузи в Раю. Лучший курс по React - Redux! IT-KAMASUTRA, вперед! Дмитрий лучший!

[@ivansamoiliuk5451]

Береги себя, друг! И спасибо за понятное описание концепции хуков (hooks) в лучшем курсе по react-redux.

[@user-gg7dx2oy8g]

Читала про деструктуризацию і все мені якогось розуміння не вистачало ... 20 секунд поясненнь від Дмитра і все стало на свої місця!!!

[@OrlenokV]

Отлично, спасибо! Прям всё разложил. Береги себя и здоровье, реакт ещё может раз 10 обновиться, а здоровье нет)

[@ITKAMASUTRA]

Спасибо 🙏

[@antagonist33]

Столько комментарий читаю и не видел никого кто из 2023 года как я , некоторые темы неактуальны на данный момент , но понять архитектуру важно , и Димыч с этим очень хорошо справляеться, спасибо за курс

[@andreiribac6284]

И полезный материал и хорошая мотивация! Димыч ты лучший! Спасибо за доброту и позитив! Всем успехов! Привет из 2021 года!

[@kyryloovsiannik7207]

+

[@sqpine]

Как твой прогрес?)

[@andreiribac6284]

@@sqpine продолжаю учиться! Подключил видео с канала Арчаков блог. Там чуть более разжованно объясняется. В целом сейчас знаю гораздо больше чем раньше, в ближайшие месяцы планирую начать ходить на собесы.

[@sqpine]

@@andreiribac6284 Пути самурая, на твоё мнение, достаточно?

[@andreiribac6284]

@@sqpine уже нет, от классового программирования в реакт разработчики уходят в сторону функционального. Сам курс уже слегка устарел. Очень много технологий поменялось как и сам реакт. Но данный курс все равно хорош, ведь основные принципы никто не отменял.

[@denysm5599]

Возможно, это ошибочное впечатление у меня, как новичка, но React Hooks - шикарная вещь! Тем более - аргументы, которые наводят в пользу React Hooks сами разработчики React - очень убедительные. Мне кажется, что они крутые, и библиотека от них только выигрывает)). Димычу - спасибо!

[@tatianakruglaya6760]

Крутяк React JS - hook, useState, хуки. Спасибо за доступное объяснение React JS - hook, useState, хуки. Лучшие уроки по React JS, в том числе, hook, useState, хуки. Спасибо! Успеха!

[@mariia6820]

Спасибо огромное!!Твой курс - это лучшее,что есть на ютубе! React JS

[@texasviking7732]

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

[@ITKAMASUTRA]

Соболезную... лети, пока мы здесь - надо фигачить и лететь

[@maxkos6184]

Ура!!!! Хуки, я дожил до этой темы и одновременно нашел работу React/Gatsby разработчиком тут у себя в Испании... Да у меня был большой опыт JS, но React я выучил благодаря Димычу. С первой зараплаты задоначу Димычу, может раньше едси подьемные дадут. Теперь меньше времени, но буду бомбить, лететь с Димычем! Димыч карма +1000. Респект тебе. React, Redux, hooks. Хай жыве Белорусь (я украинец с вами молитвами и мыслями, вы крутые, вы молодцы)

[@Igor-uc8jc]

Как с трудоустройством в айти в испании? Живу в италии и интересно как у соседей

[@maxkos6184]

@@Igor-uc8jc Норм, вакансий не то чтобы много, но есть. И учитывая что можно работать удаленно, то уже можно найти и в Барселоне и в Мадриде и жить в провинции, где жилье и жизнь дешевле чем в мегаполисах

[@Igor-uc8jc]

@@maxkos6184 шикарно так-то, много собесов обошел?

[@maxkos6184]

@@Igor-uc8jc Я как приехпл в Испанию знал немного VueJS (совсем немного) и более менее ЖабаСкрипт и нашел работу вначале в маленьком стартапе (3 программиста) и потом, 1,5 года спустя (выучив более менне испанский) нашел работу получше (за это время выучив реакт) в компании где работает 70 девелоперов... Но все испанцы (ну может два-три из Колумбии или Аргентиы), скучно без наших )))

[@maxkos6184]

@@Igor-uc8jc Когда первый год жил (не зная ни языка, ни имея много опыта) писал/отправлял резюме в 20 - 30 компаний, но никто не отвечал даже, потом вот одни откликнулись , я туда и пошел

[@marsonleonardovich4036]

Очень понятно объяснил) Спасибо!) Счастья и добра тебе!)

[@user-nk6ih7uh1h]

Большое спасибо за понятное описание концепции хуков. Тема про hook теперь стала намного понятнее, а useState - так вообще пушка, осталось только статью прочитать. Дима, береги себя, впереди еще более сотни уроков, и это только в рамках пути самурая)) Как всегда, лучший курс по React JS. Продолжаем подтягивать нативный JavaScript

[@webdeveloper9064]

спасибо большое за твои труды, все очень понятно и информативно, многое понял по твоим урокам, даже не все преподаватели в университетах могут это так обьяснить.

[@wkip3r435]

Первый коммент благодарности Димычу на 84ом уроке. Уже как 1.5 года пишу бэк на джаве . Все хотел познать базу реакта, но постоянно мотивации не хватало. Классно, что Дима возносит фундамент и архитектуру на первое место. В начале обучения программированию я всегда углублялся в синтаксис по глупости. Димыч, твоё дело живет. На апишку я тебе задонатил) Осталось 16 уроков и победа. Думаю до 9 мая успею)))

[@user-dc1cr5ny3q]

Как всегда круто объясняешь hook, useState. Спасибо!)

[@crypto4elik]

я сегодня прошел с 80 по 84 и чувствую себя от этого отлично)

[@IAMSHEVCHUK]

Димыч, ты просто лучший, смотрел до тебя два курса по реакту с хуками, но ни один человек еще не мог донести до меня, как же хуки действительно работают, особенно useState, нереально благодарен тебе, спасибо огромнейшее

[@shiryaev585]

1,5 года уже прошло, но про классы ещё не забыли) Может тем кто через полгода будут начинать - учить меньше будет) Спасибо тебе большое! hook, UseState, React, Redux

[@nataliusta9785]

Сначала мозг тормозил. Внимательно ознакомилась с документацией: всё стало очень понятно! Дымыч , курс огонь! Спасибо!

[@ivanmiarkulau8320]

спасибо за максимально подробное объяснения принципа работы hook useState) От себя могу добавить, что по состоянию на май 2021 года от классовых компонент не ушли и уйдут еще не скоро, поэтому не забивайте на классовые компоненты, они будут вам нужны для многих проектов, которые на них написаны)

[@AndreyShevchenko-yd3tg]

Супер. Спасибо Димыч большое, все понятно разложил. За статейку отдельное СПАСИБО!

[@user-qs7ij8df4q]

React JS - hook, useState, хуки! Очень все понятно и четко объяснил) Спасибо, Димыч))) Летим дальше!))

[@buzmakovaanastasiia]

Супер! Спасибо огромное, супер понятно! А главное это мотивационные песенки в конце )) Поверь еще не поздно )) Дмитрий, у вас еще и музыкальный талант!

[@user-tr8hr4xm1l]

React JS - hook, useState супер урок, спасибо! Попробую на своём проекте-портфолио заюзать хуки

[@spacerider9426]

Спасибо огромное за твой труд! Смотрю дальше!

[@MariTochka]

привет, спасибо! очень рады, что дошли до хуков - это уже что-то прям современное и важное. на вид кажутся менее сложными, чем классовые компоненты.

[@Quentinrei]

Кайф, я в инкубаторе и уже знаю, что такое useState, смотрю на лайте

[@arkadiyvologodskiy9341]

В нынешнее время этот выпуск как глоток свежего воздуха раним утром =) React Redux hook API

[@lvasmart3516]

Очень интересная подача информации... Мне очень нравится "простой язык" в объяснении сложных вещей... не могу похвастать, что понимаю и воспринимаю ВСЁ (в силу своих субъективных причин)..., но то так делает это Димыч - не встречал ни у кого...! Он прост, он умён и опытен, не заносчив и он просто УМНИЦА !

[@annatugbaeva6701]

Урааааааа! Ждем нереально !!

[@smolhs1586]

ура ура наконец-то хуки) как хорошо, когда уже хоть что-то знаешь и используешь, и теперь просто узнаёшь, как это работает под капотом, чтобы лучше понимать, почему оно не всегда работает так, как хочется)

[@user-gl8vn7ys4t]

Супер курс по React и все что с ним связано. Спасибо Димыч!

[@ichigorn]

Уже давно голодный ходил. Прям ну хотелось раньше времени за хуки узнать. Посмотрел других ютуберов (вода водой). Так и дошел до документации. И что хочется сказать : 80 уроков назад я не мог читать документацию чисто морально. Сейчас же все наоборот - мне не хватает того что дает ютуб. 100% Димыч я с тобой расту! Спасибо тебе!

[@aghalitoghrul3568]

Как у вас успехи?

[@StanislavObrazcoff]

спасибо за ссылку на статью, скоро догоню я выкладку видео :)

[@user-il3vn7ye4n]

Спасибо, Димас! React hook - супер!

[@user-np9mq5xc7j]

Афигеть. Мне уже очень нравятся Хуки! Берем на вооружение. Спасибо Димыч!

[@derrylsshowhh3249]

Хуки очень зашли!Спасибо,ролик как всегда топ.Как начал курс уже понимал что классовый компоненты уже мало кто использует,но все же есть случаи когда без них никак,Но все же оченьь ждал хуки)

[@user-vg6bt4po3h]

Я в прошлый раз когда статус пилили написала все через useState и useEffect))) Подумала сделаю по феншую )) Спасибо за обьяснение useState hook!

[@fargutvest]

Круто, хуки, hooks, спасибо! React Redux функция useState из библиотеки react, создает хук, возвращает массив из 2х элементов, 1)значение хуковского стейта, 2)функция для изменения этого значения, можно создавать сколь угодно много хуков, хуковские стейты хранятся в памяти библиотекой react!

[@eugene-dmitrievich]

Спасибо большое за урок!!! Было очень полезно! React, hooks, useState, useEffect

[@RenatGrishin]

Большое спасибо Хуки - это реально круто )

[@sheshko_pavel]

Юху! Наконец-то хуки 💃🏻 Прошлый раз изменение статуса так и не заработало, зато сейчас, починил React, redux, hooks, useState, request, API

[@sergsergey4251]

Спасибо! Бомбим дальше © Hook, useState, React JS. Отличный курс для начинающих.

[@theWorldIsMultivariate]

Наконец таки понял тему useState, а то все объясняют поверху и никто вглубь не погружается. До этого использовал и всё, а почему он так работал не понимал, только примерно представлял. Было очень интересно! Огромнейшее спасибо!

[@Sboltua]

Классный курс спасибо Димыч, ещё один будущий разработчик по реакт готовится

[@user-le2er6xx5n]

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

[@SunlighT_90]

Хуки - просто огонь! Нужно было больше уделить им внимания. С другой стороны - хорошо для самостоятельной отработки! Дима, спасибо огромное за этот курс!

[@aalolooo]

Спасибо большое. Вы учитель от бога!!!

[@ihorprokopenko4837]

Сил тебе! Уроки отличные)

[@sergeyprivalov9442]

React hooks. Отлично объяснил. Читаем сами, летиим)

[@evgeniyn1542]

Крутая футболка! И видео огонь! :)

[@milter2539]

Урок 84. Пишу свой белорусский социально-экологический проект. Комент как благодарность (:

[@IgniosTyumen]

ReactJS hook хуки смотреть лучшие уроки от Димыча без регистрации и смс=Р Рад, что после моего небольшого отпуска в обучении подписчиков стало в 2 раза больше, а выпуски катком подходят к 100! Так держать, и серебряной кнопки ютуба поскорее!

[@ITKAMASUTRA]

Спасибо

[@ITKAMASUTRA]

Спасибо

[@user-ei5zp2qi4j]

Спасибо очень полезный урок

[@vadikpanchuk4978]

React JS - hook, useState, спасибо, очень полезный материал!

[@rahalmamut01]

Лучший преподаватель по React JS!

[@MikhailKuklenkov]

Жирнющий лайк, Дима, за твой огромный труд) React, Redux, Hooks - самый мощный курс!

[@denweb2408]

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

[@NA-sh3fb]

Лучшее объяснение хуков, спасибо!

[@GoldenPrinceYT]

Спасибо! Пришел сюда сразу после 74 урока)

[@user-yx7in9nl1d]

легче всего далось деструктурирующее присваивание, потому что я и так это знаю))) А так много чего непонятного, надо документацию читать. Большое спасибо за такой огромный труд!!!

[@pavvel44]

Классно объяснил про хуки, спасибо тебе, Димыч!

[@Vllad_Ko]

Великолепное объяснение hook и useState, потихоньку мой корабль движется в гавань трудоустройства )))

[@KachinVictor]

Спасибо! очень актуально и своевременно!

[@user-tf6jz7hj9d]

Душевно, Димыч, спасибо тебе огромное! react hook useState

[@user-yx7in9nl1d]

Именно твои уроки по react-у первые, могу и не допонять)) Поэтому ещё раз пересмотрел уроки 71, 73 и 74

[@alexandrb1543]

Советую сделать всю приложуху, так как в первой двадцатке обьясняется базовая фунциональность реакта. Я вообще сначала начал делать сайт на реакте, и без архитектуры намешал все в кучу, и логику и UI и запрос данных сервера. А так нельзя на больших приложухах, поэтому надо начинать делать маленькие но уже с правильной архитектурой.

[@oksanamishota6514]

Спасибо за hook. И за твой позитив! И за то, что теперь признаю в себе задрота))))

[@sergeyistominov5880]

Очередной отличный видос - спасибо !

[@semial]

Наконец-то я узнал про хуки от Димыча и теперь понимаю, почему хотят пользоваться. Теперь я по возможности буду постепенно все переводить в хуки. Спасибо за урок!!! #react #reactredux #hook #usestate #itkamasutra #reactsjs

[@mykhailostepanishchev6472]

Очень интересно,спасибо !!! hook, useState, хуки

[@mariia6820]

Лучшее объяснение hook, useState!

[@itweb7157]

легко и просто Дима, Спасибо! #React #JS - #hook, #useState, #хуки

[@user-pv5is5pz4j]

Спасибо за урок!!) react, hook, useState

[@aqilmahmudov1994]

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

[@pashabezk]

2022. Ура, хуки! Спасибо большое!

[@miloman1995s]

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

[@rrain]

Воу, вот это прикольные штуки)) Хук слева по классовой компоненте)))

[@andreityryshkin3784]

ох сейчас бы вспомнить React ))) после новогодних каникул)))

[@andrewsmith5840]

крутой чел, позитивный такой, аж хочется код писать с неистовой силой

[@seriogaromanchykov9451]

Респект и уважение автору! React, Redux, Hooks - лучший курс! 2023

[@dimitriitkach7697]

spasibo za urok - React JS - hook, useState, хуки

[@ba_stian]

Спасибо, всё чётко! Откуда столько энергии в тебе? Такой заряженный)

[@yuridozhdikov6356]

даже не думал я что дойду до 84 урока! Спасибо тебе Димыч! react-redux!

[@jenek051]

с сегодняшнего утра, слово "Бомбим" уже не так круто и мотивирующе звучит, спасибо за твой курс, помогает отвлечь голову от того что происходит в Мире 24 02 2022

[@GrourDenis]

React JS - hook, спасибо за урок!

[@user-bx7ly2th3b]

Отлично, давно ждал эту тему, хотя классы мне тоже нравятся)) Мы же вроде все поля ввода на сайте переделали через reduxForm, а это место похоже забыли...

[@siarheipaprotski6337]

Познал hooks, Димыч растолковал про useState. Летим дальше! Спасибо

[@wild_wizards]

Начались хуки, а с ними пришла и халява. Отличный материал, Лайк! Едем даль

[@ctumyji9737]

Спасибо за урок! Пойду почитаю статью и лечу дальше! React JS от Димыча - топчик! :)

[@ITKAMASUTRA]

Круто! Спасибо и пожалуйста! Рад стараться🚀 Летим!

[@user-rj6pz4un2t]

Крутой выпуск, спасибо за объяснение и разжёвывание! P.S Просто лучший учитель

[@Aleks-lk1et]

Спасибо! 2022! Хук useState работает! Идем дальше к замене componentDidUpdate на useEffect.

[@the_secret3130]

Спасибо, от души🤗🤗🤗

[@user-cy4cz7zx4m]

Спасибо за урок

[@Brustver333]

сил тебе, красава!

[@user-dq3rc1xu7b]

Лучший курс по реакт! Фундамент реакта. Димыч ван лав!