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

Зачем нам нужны хуки (hooks)??? Хуки - это функции, которые умеют делать что-то крутое и очень гармонично вписываются в инфраструктуру реакта.

ReactJS хочет уйти в сторону и не использовать классовые компоненты вовсе. Но без классовых компонент мы не могли обойтись: нам иногда (или часто) нужен стейт внутри компоненты, а так же нам нужны методы жизненного цикла компоненты, чтобы делать побочные эффекты (side-effects) (componentDidMount\componetnDidUpdate), предотвращать перерисовку лишнюю (shouldComponentUpdate), зачищать мусор (componentWillUnmount) и ещё всякое разное...

Нам НУЖНЫ были классовые компоненты. Но разработчики ReactJS решили научить функциональные компоненты решать перечисленные выше ситуации иным способом: не с помощью методов жизненного цикла и локального стейта, а с помощью хуков.

И так, начинаем с самого простого и понятного: useState.

А вот та самая статья про разжеванное объяснение от создателя:

Обязательно гуглим эту тему в официальной документации!

Летим, самураи!!!

* Сайты:

* Мы в соц. сетях:

* Мои личные VK и Insta:

#useState #hook #reactJS

[КонстантинАввакумцев]

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

[johnunderwood]

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

[ЭльнараГайнанова]

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

[АртемКулинский-юо]

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

[OksanaSmiiukha]

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

[ivansamoiliuk]

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

[slavapush]

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

[antagonist]

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

[OrlenokV]

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

[theWorldIsMultivariate]

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

[lvasmart]

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

[nataliarslan]

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

[maxkos]

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

[ivanmiarkulau]

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

[aandreevnnaa]

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

[seriogaromanchykov]

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

[smolhs]

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

[ЛусінеАтаджанян]

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

[andreiribac]

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

[texasviking]

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