84 - React JS - hook, useState, хуки
HTML-код
- Опубликовано: 17 авг 2019
- 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
Годы проходят, но ползут.. ползут настырные самураи по курсу Димыча! Респект и уважение автору! React, Redux, Hooks - лучший курс!
Не верится, что уже 84тый выпуск и добрался до hook, useState. Пока слабо верится в собственные силы, несмотря на проделанный путь, но бросать точно не планирую.
всё топ я на 60 выпуске и тщательно проработал пройденные уроки, переключился на другую программу чтобы понять хуки, понял работу хуков и решил помониторить разницу среди f и классами
31:25 - Этот же статус, который мы спи... т.е. получили)
HAHAHA
хD
Ахахахха
сп, сп, сп, сполучили!!!
поржал))))
Ух, уже 84 урок. Когда дошла до 80 урока, всё заново сама написала, освежила знания, теперь чувствую осознанное понимание всего, что изучили 💪спасибо!
Простыми словами о сложном. Такие люди заслуживают отдельного джакузи в Раю. Лучший курс по React - Redux! IT-KAMASUTRA, вперед! Дмитрий лучший!
Читала про деструктуризацию і все мені якогось розуміння не вистачало ... 20 секунд поясненнь від Дмитра і все стало на свої місця!!!
Столько комментарий читаю и не видел никого кто из 2023 года как я , некоторые темы неактуальны на данный момент , но понять архитектуру важно , и Димыч с этим очень хорошо справляеться, спасибо за курс
Береги себя, друг! И спасибо за понятное описание концепции хуков (hooks) в лучшем курсе по react-redux.
Отлично, спасибо! Прям всё разложил.
Береги себя и здоровье, реакт ещё может раз 10 обновиться, а здоровье нет)
Спасибо 🙏
Очень понятно объяснил) Спасибо!) Счастья и добра тебе!)
Как всегда круто объясняешь hook, useState. Спасибо!)
я сегодня прошел с 80 по 84 и чувствую себя от этого отлично)
Спасибо огромное!!Твой курс - это лучшее,что есть на ютубе! React JS
Крутяк React JS - hook, useState, хуки. Спасибо за доступное объяснение React JS - hook, useState, хуки. Лучшие уроки по React JS, в том числе, hook, useState, хуки. Спасибо! Успеха!
И полезный материал и хорошая мотивация! Димыч ты лучший! Спасибо за доброту и позитив! Всем успехов! Привет из 2021 года!
+
Как твой прогрес?)
@@sqpine продолжаю учиться! Подключил видео с канала Арчаков блог. Там чуть более разжованно объясняется. В целом сейчас знаю гораздо больше чем раньше, в ближайшие месяцы планирую начать ходить на собесы.
@@andreiribac6284 Пути самурая, на твоё мнение, достаточно?
@@sqpine уже нет, от классового программирования в реакт разработчики уходят в сторону функционального. Сам курс уже слегка устарел. Очень много технологий поменялось как и сам реакт. Но данный курс все равно хорош, ведь основные принципы никто не отменял.
Ура!!!! Хуки, я дожил до этой темы и одновременно нашел работу React/Gatsby разработчиком тут у себя в Испании... Да у меня был большой опыт JS, но React я выучил благодаря Димычу. С первой зараплаты задоначу Димычу, может раньше едси подьемные дадут. Теперь меньше времени, но буду бомбить, лететь с Димычем! Димыч карма +1000. Респект тебе. React, Redux, hooks. Хай жыве Белорусь (я украинец с вами молитвами и мыслями, вы крутые, вы молодцы)
Как с трудоустройством в айти в испании? Живу в италии и интересно как у соседей
@@Igor-uc8jc Норм, вакансий не то чтобы много, но есть. И учитывая что можно работать удаленно, то уже можно найти и в Барселоне и в Мадриде и жить в провинции, где жилье и жизнь дешевле чем в мегаполисах
@@maxkos6184 шикарно так-то, много собесов обошел?
@@Igor-uc8jc Я как приехпл в Испанию знал немного VueJS (совсем немного) и более менее ЖабаСкрипт и нашел работу вначале в маленьком стартапе (3 программиста) и потом, 1,5 года спустя (выучив более менне испанский) нашел работу получше (за это время выучив реакт) в компании где работает 70 девелоперов... Но все испанцы (ну может два-три из Колумбии или Аргентиы), скучно без наших )))
@@Igor-uc8jc Когда первый год жил (не зная ни языка, ни имея много опыта) писал/отправлял резюме в 20 - 30 компаний, но никто не отвечал даже, потом вот одни откликнулись , я туда и пошел
Супер! Спасибо огромное, супер понятно! А главное это мотивационные песенки в конце )) Поверь еще не поздно )) Дмитрий, у вас еще и музыкальный талант!
Димыч после паузы связанной с работой и похоронами близкого человека вновь с тобой жизнь продолжается и учеба тоже!!! благодарю тебя сенсей что продолжаешь меня вдохновлять менять ту жизнь что есть на данный момент
Соболезную...
лети, пока мы здесь - надо фигачить и лететь
Супер. Спасибо Димыч большое, все понятно разложил. За статейку отдельное СПАСИБО!
Возможно, это ошибочное впечатление у меня, как новичка, но React Hooks - шикарная вещь! Тем более - аргументы, которые наводят в пользу React Hooks сами разработчики React - очень убедительные. Мне кажется, что они крутые, и библиотека от них только выигрывает)). Димычу - спасибо!
Урок 84. Пишу свой белорусский социально-экологический проект. Комент как благодарность (:
спасибо большое за твои труды, все очень понятно и информативно, многое понял по твоим урокам, даже не все преподаватели в университетах могут это так обьяснить.
Кайф, я в инкубаторе и уже знаю, что такое useState, смотрю на лайте
Большое спасибо за понятное описание концепции хуков. Тема про hook теперь стала намного понятнее, а useState - так вообще пушка, осталось только статью прочитать. Дима, береги себя, впереди еще более сотни уроков, и это только в рамках пути самурая)) Как всегда, лучший курс по React JS. Продолжаем подтягивать нативный JavaScript
Сначала мозг тормозил. Внимательно ознакомилась с документацией: всё стало очень понятно! Дымыч , курс огонь! Спасибо!
Димыч, ты просто лучший, смотрел до тебя два курса по реакту с хуками, но ни один человек еще не мог донести до меня, как же хуки действительно работают, особенно useState, нереально благодарен тебе, спасибо огромнейшее
Спасибо огромное за твой труд! Смотрю дальше!
Супер курс по React и все что с ним связано. Спасибо Димыч!
React JS - hook, useState, хуки!
Очень все понятно и четко объяснил) Спасибо, Димыч)))
Летим дальше!))
React JS - hook, useState супер урок, спасибо! Попробую на своём проекте-портфолио заюзать хуки
привет, спасибо! очень рады, что дошли до хуков - это уже что-то прям современное и важное. на вид кажутся менее сложными, чем классовые компоненты.
Первый коммент благодарности Димычу на 84ом уроке. Уже как 1.5 года пишу бэк на джаве . Все хотел познать базу реакта, но постоянно мотивации не хватало. Классно, что Дима возносит фундамент и архитектуру на первое место. В начале обучения программированию я всегда углублялся в синтаксис по глупости. Димыч, твоё дело живет. На апишку я тебе задонатил) Осталось 16 уроков и победа. Думаю до 9 мая успею)))
спасибо за максимально подробное объяснения принципа работы hook useState) От себя могу добавить, что по состоянию на май 2021 года от классовых компонент не ушли и уйдут еще не скоро, поэтому не забивайте на классовые компоненты, они будут вам нужны для многих проектов, которые на них написаны)
1,5 года уже прошло, но про классы ещё не забыли) Может тем кто через полгода будут начинать - учить меньше будет)
Спасибо тебе большое! hook, UseState, React, Redux
Спасибо большое за урок!!! Было очень полезно! React, hooks, useState, useEffect
ура ура наконец-то хуки) как хорошо, когда уже хоть что-то знаешь и используешь, и теперь просто узнаёшь, как это работает под капотом, чтобы лучше понимать, почему оно не всегда работает так, как хочется)
с сегодняшнего утра, слово "Бомбим" уже не так круто и мотивирующе звучит, спасибо за твой курс, помогает отвлечь голову от того что происходит в Мире 24 02 2022
Классный курс спасибо Димыч, ещё один будущий разработчик по реакт готовится
Урааааааа! Ждем нереально !!
Спасибо! Бомбим дальше ©
Hook, useState, React JS. Отличный курс для начинающих.
Спасибо, Димас! React hook - супер!
Спасибо большое. Вы учитель от бога!!!
Очень интересная подача информации... Мне очень нравится "простой язык" в объяснении сложных вещей... не могу похвастать, что понимаю и воспринимаю ВСЁ (в силу своих субъективных причин)..., но то так делает это Димыч - не встречал ни у кого...! Он прост, он умён и опытен, не заносчив и он просто УМНИЦА !
Хуки очень зашли!Спасибо,ролик как всегда топ.Как начал курс уже понимал что классовый компоненты уже мало кто использует,но все же есть случаи когда без них никак,Но все же оченьь ждал хуки)
React JS - hook, useState, спасибо, очень полезный материал!
Афигеть. Мне уже очень нравятся Хуки! Берем на вооружение. Спасибо Димыч!
2022. Ура, хуки! Спасибо большое!
Я в прошлый раз когда статус пилили написала все через useState и useEffect))) Подумала сделаю по феншую )) Спасибо за обьяснение useState hook!
Большое спасибо
Хуки - это реально круто )
В нынешнее время этот выпуск как глоток свежего воздуха раним утром =)
React Redux hook API
спасибо за ссылку на статью, скоро догоню я выкладку видео :)
Крутая футболка!
И видео огонь! :)
Жирнющий лайк, Дима, за твой огромный труд) React, Redux, Hooks - самый мощный курс!
Юху! Наконец-то хуки 💃🏻
Прошлый раз изменение статуса так и не заработало, зато сейчас, починил
React, redux, hooks, useState, request, API
Уже давно голодный ходил. Прям ну хотелось раньше времени за хуки узнать. Посмотрел других ютуберов (вода водой). Так и дошел до документации. И что хочется сказать : 80 уроков назад я не мог читать документацию чисто морально. Сейчас же все наоборот - мне не хватает того что дает ютуб. 100% Димыч я с тобой расту! Спасибо тебе!
Как у вас успехи?
Наконец таки понял тему useState, а то все объясняют поверху и никто вглубь не погружается. До этого использовал и всё, а почему он так работал не понимал, только примерно представлял. Было очень интересно! Огромнейшее спасибо!
Сил тебе!
Уроки отличные)
Спасибо очень полезный урок
легче всего далось деструктурирующее присваивание, потому что я и так это знаю))) А так много чего непонятного, надо документацию читать. Большое спасибо за такой огромный труд!!!
Классно объяснил про хуки, спасибо тебе, Димыч!
Респект и уважение автору! React, Redux, Hooks - лучший курс! 2023
Лучшее объяснение хуков, спасибо!
Душевно, Димыч, спасибо тебе огромное! react hook useState
Лучший преподаватель по React JS!
Очередной отличный видос - спасибо !
Хуки - просто огонь! Нужно было больше уделить им внимания. С другой стороны - хорошо для самостоятельной отработки! Дима, спасибо огромное за этот курс!
Спасибо за hook. И за твой позитив! И за то, что теперь признаю в себе задрота))))
React hooks. Отлично объяснил. Читаем сами, летиим)
Спасибо тебе за видосики!)
Круто, хуки, hooks, спасибо!
React Redux
функция useState из библиотеки react, создает хук, возвращает массив из 2х элементов, 1)значение хуковского стейта, 2)функция для изменения этого значения, можно создавать сколь угодно много хуков, хуковские стейты хранятся в памяти библиотекой react!
Лучшее объяснение hook, useState!
Очень интересно,спасибо !!! hook, useState, хуки
Спасибо! очень актуально и своевременно!
Спасибо! Пришел сюда сразу после 74 урока)
Наконец-то я узнал про хуки от Димыча и теперь понимаю, почему хотят пользоваться. Теперь я по возможности буду постепенно все переводить в хуки. Спасибо за урок!!!
#react #reactredux #hook #usestate #itkamasutra #reactsjs
Спасибо за урок!!) react, hook, useState
Великолепное объяснение hook и useState, потихоньку мой корабль движется в гавань трудоустройства )))
Лучший курс по реакт! Фундамент реакта. Димыч ван лав!
Спасибо за урок! Пойду почитаю статью и лечу дальше!
React JS от Димыча - топчик! :)
Круто! Спасибо и пожалуйста! Рад стараться🚀 Летим!
Крутой выпуск, спасибо за объяснение и разжёвывание! P.S Просто лучший учитель
Димыч спасибо за твой труд очень сильно мотивируешь)) летим дальше , вжух вжух
React JS - hook, спасибо за урок!
Димыч, ты огонь! Лучшего объяснения я не встречал!
Спасибо! 2022! Хук useState работает! Идем дальше к замене componentDidUpdate на useEffect.
ох сейчас бы вспомнить React ))) после новогодних каникул)))
легко и просто
Дима, Спасибо!
#React #JS - #hook, #useState, #хуки
Спасибо, всё чётко!
Откуда столько энергии в тебе? Такой заряженный)
даже не думал я что дойду до 84 урока! Спасибо тебе Димыч! react-redux!
Именно твои уроки по react-у первые, могу и не допонять)) Поэтому ещё раз пересмотрел уроки 71, 73 и 74
Советую сделать всю приложуху, так как в первой двадцатке обьясняется базовая фунциональность реакта. Я вообще сначала начал делать сайт на реакте, и без архитектуры намешал все в кучу, и логику и UI и запрос данных сервера. А так нельзя на больших приложухах, поэтому надо начинать делать маленькие но уже с правильной архитектурой.
ReactJS hook хуки смотреть лучшие уроки от Димыча без регистрации и смс=Р Рад, что после моего небольшого отпуска в обучении подписчиков стало в 2 раза больше, а выпуски катком подходят к 100! Так держать, и серебряной кнопки ютуба поскорее!
Спасибо
Спасибо
spasibo za urok - React JS - hook, useState, хуки
крутой чел, позитивный такой, аж хочется код писать с неистовой силой
как всегда все супер!
Димыч, спасибо за разбор))
прочитал статью, вроде всё понятно, но непонятно ничего - буду перечитывать точно))
Не думаю ,что кто то смог обьяснить бы лучше,спасибо Димыч Бро!
Вот что хочу сказать, я учил React в другой IT школе, но темы по React подавались ужасно, они просто учили нас, несильно парясь о том понятно нам или нет, а ты вкладываешь в свои уроки сердце, так что респект тебе!
Тот момент когда ты не досматриваешь видос до конца и берешь делаешь все сам))) Димыч ты крут, если что приедь в Баку буду рад угостит тебя)))
Отличный урок. React JS - hook, useState, хуки
Хуки - это однозначно круто! спасибо Димыч! React Redux Hook
Отлично, давно ждал эту тему, хотя классы мне тоже нравятся)) Мы же вроде все поля ввода на сайте переделали через reduxForm, а это место похоже забыли...