84 - React JS - hook, useState, хуки
HTML-код
- Опубликовано: 7 сен 2024
- it-incubator.i... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_s...
API: social-network...
Зачем нам нужны хуки (hooks)??? Хуки - это функции, которые умеют делать что-то крутое и очень гармонично вписываются в инфраструктуру реакта.
ReactJS хочет уйти в сторону и не использовать классовые компоненты вовсе. Но без классовых компонент мы не могли обойтись: нам иногда (или часто) нужен стейт внутри компоненты, а так же нам нужны методы жизненного цикла компоненты, чтобы делать побочные эффекты (side-effects) (componentDidMount\componetnDidUpdate), предотвращать перерисовку лишнюю (shouldComponentUpdate), зачищать мусор (componentWillUnmount) и ещё всякое разное...
Нам НУЖНЫ были классовые компоненты. Но разработчики ReactJS решили научить функциональные компоненты решать перечисленные выше ситуации иным способом: не с помощью методов жизненного цикла и локального стейта, а с помощью хуков.
И так, начинаем с самого простого и понятного: useState.
useState позволяет нам внутри функциональной компоненты доставать состояние, сохранённое для этой компоненты на прошлом этапе отрисовки. Для неискушенного обывателя это выглядит, будто внутри самой функциональной компоненты у нас есть "локальный стейт", точь-в-точь, какой у нас был в классовой компоненте (this.state, this.setState)
А вот та самая статья про разжеванное объяснение от создателя:
habr.com/ru/co...
Обязательно гуглим эту тему в официальной документации!
Летим, самураи!!!
Уроки по React JS: • Курс "React JS - путь ...
* Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
* Мы в соц. сетях:
itkamas...
/ itkamasutra
telegram.me/it...
* Мои личные VK и Insta:
d.kuzyu...
/ it.kamasutra.dimych
#useState #hook #reactJS
Годы проходят, но ползут.. ползут настырные самураи по курсу Димыча! Респект и уважение автору! React, Redux, Hooks - лучший курс!
Не верится, что уже 84тый выпуск и добрался до hook, useState. Пока слабо верится в собственные силы, несмотря на проделанный путь, но бросать точно не планирую.
всё топ я на 60 выпуске и тщательно проработал пройденные уроки, переключился на другую программу чтобы понять хуки, понял работу хуков и решил помониторить разницу среди f и классами
31:25 - Этот же статус, который мы спи... т.е. получили)
HAHAHA
хD
Ахахахха
сп, сп, сп, сполучили!!!
поржал))))
Ух, уже 84 урок. Когда дошла до 80 урока, всё заново сама написала, освежила знания, теперь чувствую осознанное понимание всего, что изучили 💪спасибо!
Читала про деструктуризацию і все мені якогось розуміння не вистачало ... 20 секунд поясненнь від Дмитра і все стало на свої місця!!!
Простыми словами о сложном. Такие люди заслуживают отдельного джакузи в Раю. Лучший курс по React - Redux! IT-KAMASUTRA, вперед! Дмитрий лучший!
Ура!!!! Хуки, я дожил до этой темы и одновременно нашел работу React/Gatsby разработчиком тут у себя в Испании... Да у меня был большой опыт JS, но React я выучил благодаря Димычу. С первой зараплаты задоначу Димычу, может раньше едси подьемные дадут. Теперь меньше времени, но буду бомбить, лететь с Димычем! Димыч карма +1000. Респект тебе. React, Redux, hooks. Хай жыве Белорусь (я украинец с вами молитвами и мыслями, вы крутые, вы молодцы)
Как с трудоустройством в айти в испании? Живу в италии и интересно как у соседей
@@Igor-uc8jc Норм, вакансий не то чтобы много, но есть. И учитывая что можно работать удаленно, то уже можно найти и в Барселоне и в Мадриде и жить в провинции, где жилье и жизнь дешевле чем в мегаполисах
@@maxkos6184 шикарно так-то, много собесов обошел?
@@Igor-uc8jc Я как приехпл в Испанию знал немного VueJS (совсем немного) и более менее ЖабаСкрипт и нашел работу вначале в маленьком стартапе (3 программиста) и потом, 1,5 года спустя (выучив более менне испанский) нашел работу получше (за это время выучив реакт) в компании где работает 70 девелоперов... Но все испанцы (ну может два-три из Колумбии или Аргентиы), скучно без наших )))
@@Igor-uc8jc Когда первый год жил (не зная ни языка, ни имея много опыта) писал/отправлял резюме в 20 - 30 компаний, но никто не отвечал даже, потом вот одни откликнулись , я туда и пошел
Столько комментарий читаю и не видел никого кто из 2023 года как я , некоторые темы неактуальны на данный момент , но понять архитектуру важно , и Димыч с этим очень хорошо справляеться, спасибо за курс
Береги себя, друг! И спасибо за понятное описание концепции хуков (hooks) в лучшем курсе по react-redux.
я сегодня прошел с 80 по 84 и чувствую себя от этого отлично)
Отлично, спасибо! Прям всё разложил.
Береги себя и здоровье, реакт ещё может раз 10 обновиться, а здоровье нет)
Спасибо 🙏
Кайф, я в инкубаторе и уже знаю, что такое useState, смотрю на лайте
И полезный материал и хорошая мотивация! Димыч ты лучший! Спасибо за доброту и позитив! Всем успехов! Привет из 2021 года!
+
Как твой прогрес?)
@@sqpine продолжаю учиться! Подключил видео с канала Арчаков блог. Там чуть более разжованно объясняется. В целом сейчас знаю гораздо больше чем раньше, в ближайшие месяцы планирую начать ходить на собесы.
@@andreiribac6284 Пути самурая, на твоё мнение, достаточно?
@@sqpine уже нет, от классового программирования в реакт разработчики уходят в сторону функционального. Сам курс уже слегка устарел. Очень много технологий поменялось как и сам реакт. Но данный курс все равно хорош, ведь основные принципы никто не отменял.
Димыч после паузы связанной с работой и похоронами близкого человека вновь с тобой жизнь продолжается и учеба тоже!!! благодарю тебя сенсей что продолжаешь меня вдохновлять менять ту жизнь что есть на данный момент
Соболезную...
лети, пока мы здесь - надо фигачить и лететь
Урок 84. Пишу свой белорусский социально-экологический проект. Комент как благодарность (:
Возможно, это ошибочное впечатление у меня, как новичка, но React Hooks - шикарная вещь! Тем более - аргументы, которые наводят в пользу React Hooks сами разработчики React - очень убедительные. Мне кажется, что они крутые, и библиотека от них только выигрывает)). Димычу - спасибо!
Супер! Спасибо огромное, супер понятно! А главное это мотивационные песенки в конце )) Поверь еще не поздно )) Дмитрий, у вас еще и музыкальный талант!
Первый коммент благодарности Димычу на 84ом уроке. Уже как 1.5 года пишу бэк на джаве . Все хотел познать базу реакта, но постоянно мотивации не хватало. Классно, что Дима возносит фундамент и архитектуру на первое место. В начале обучения программированию я всегда углублялся в синтаксис по глупости. Димыч, твоё дело живет. На апишку я тебе задонатил) Осталось 16 уроков и победа. Думаю до 9 мая успею)))
с сегодняшнего утра, слово "Бомбим" уже не так круто и мотивирующе звучит, спасибо за твой курс, помогает отвлечь голову от того что происходит в Мире 24 02 2022
2022. Ура, хуки! Спасибо большое!
Уже давно голодный ходил. Прям ну хотелось раньше времени за хуки узнать. Посмотрел других ютуберов (вода водой). Так и дошел до документации. И что хочется сказать : 80 уроков назад я не мог читать документацию чисто морально. Сейчас же все наоборот - мне не хватает того что дает ютуб. 100% Димыч я с тобой расту! Спасибо тебе!
Как у вас успехи?
Сначала мозг тормозил. Внимательно ознакомилась с документацией: всё стало очень понятно! Дымыч , курс огонь! Спасибо!
В нынешнее время этот выпуск как глоток свежего воздуха раним утром =)
React Redux hook API
1,5 года уже прошло, но про классы ещё не забыли) Может тем кто через полгода будут начинать - учить меньше будет)
Спасибо тебе большое! hook, UseState, React, Redux
Спасибо большое за урок!!! Было очень полезно! React, hooks, useState, useEffect
Жирнющий лайк, Дима, за твой огромный труд) React, Redux, Hooks - самый мощный курс!
Большое спасибо за понятное описание концепции хуков. Тема про hook теперь стала намного понятнее, а useState - так вообще пушка, осталось только статью прочитать. Дима, береги себя, впереди еще более сотни уроков, и это только в рамках пути самурая)) Как всегда, лучший курс по React JS. Продолжаем подтягивать нативный JavaScript
Очень интересная подача информации... Мне очень нравится "простой язык" в объяснении сложных вещей... не могу похвастать, что понимаю и воспринимаю ВСЁ (в силу своих субъективных причин)..., но то так делает это Димыч - не встречал ни у кого...! Он прост, он умён и опытен, не заносчив и он просто УМНИЦА !
спасибо за максимально подробное объяснения принципа работы hook useState) От себя могу добавить, что по состоянию на май 2021 года от классовых компонент не ушли и уйдут еще не скоро, поэтому не забивайте на классовые компоненты, они будут вам нужны для многих проектов, которые на них написаны)
ReactJS hook хуки смотреть лучшие уроки от Димыча без регистрации и смс=Р Рад, что после моего небольшого отпуска в обучении подписчиков стало в 2 раза больше, а выпуски катком подходят к 100! Так держать, и серебряной кнопки ютуба поскорее!
Спасибо
Спасибо
Димыч, ты просто лучший, смотрел до тебя два курса по реакту с хуками, но ни один человек еще не мог донести до меня, как же хуки действительно работают, особенно useState, нереально благодарен тебе, спасибо огромнейшее
Афигеть. Мне уже очень нравятся Хуки! Берем на вооружение. Спасибо Димыч!
Очень понятно объяснил) Спасибо!) Счастья и добра тебе!)
Наконец таки понял тему useState, а то все объясняют поверху и никто вглубь не погружается. До этого использовал и всё, а почему он так работал не понимал, только примерно представлял. Было очень интересно! Огромнейшее спасибо!
Тот момент когда ты не досматриваешь видос до конца и берешь делаешь все сам))) Димыч ты крут, если что приедь в Баку буду рад угостит тебя)))
React JS - hook, useState, хуки!
Очень все понятно и четко объяснил) Спасибо, Димыч)))
Летим дальше!))
Спасибо огромное за твой труд! Смотрю дальше!
Спасибо из 2022!!!
Классный курс спасибо Димыч, ещё один будущий разработчик по реакт готовится
Круто, хуки, hooks, спасибо!
React Redux
функция useState из библиотеки react, создает хук, возвращает массив из 2х элементов, 1)значение хуковского стейта, 2)функция для изменения этого значения, можно создавать сколь угодно много хуков, хуковские стейты хранятся в памяти библиотекой react!
спасибо большое за твои труды, все очень понятно и информативно, многое понял по твоим урокам, даже не все преподаватели в университетах могут это так обьяснить.
ура ура наконец-то хуки) как хорошо, когда уже хоть что-то знаешь и используешь, и теперь просто узнаёшь, как это работает под капотом, чтобы лучше понимать, почему оно не всегда работает так, как хочется)
Спасибо, Димас! React hook - супер!
легко и просто
Дима, Спасибо!
#React #JS - #hook, #useState, #хуки
Спасибо огромное!!Твой курс - это лучшее,что есть на ютубе! React JS
Урааааааа! Ждем нереально !!
Летим !
Хуки - топчик
Познал hooks, Димыч растолковал про useState. Летим дальше! Спасибо
Респект и уважение автору! React, Redux, Hooks - лучший курс! 2023
Начались хуки, а с ними пришла и халява. Отличный материал, Лайк! Едем даль
легче всего далось деструктурирующее присваивание, потому что я и так это знаю))) А так много чего непонятного, надо документацию читать. Большое спасибо за такой огромный труд!!!
Чтобы ютуб учитывал лайк, нужно ставить его после просмотра видео, а не перед просмотром
Маленькими шажочками идем вперед ✊🏼 React JS , hooks , useState , Реакт , Хуки
Воу, вот это прикольные штуки)) Хук слева по классовой компоненте)))
React hooks. Отлично объяснил. Читаем сами, летиим)
Как всегда круто объясняешь hook, useState. Спасибо!)
Супер. Спасибо Димыч большое, все понятно разложил. За статейку отдельное СПАСИБО!
useState hooks react js learn react Спасибо большое !
Ура, хуки, уже знал их, так что летим теперь еще быстрее)
С componentDidMount пока только трабл, чтобы на useEffect ее переделать
UseState, hook
Топ контент)
Согласен с отдыхать...тоже притормозил, буду 3 раз пересматривать, пока только новые выпуски смотрю в ознакомительном порядке)
ОТдыхай, бомби и нре останавливайся! лучше один топ курс React, чем все по чуть чуть, такого итак много)
не согласен, черпать информацию из одного источника очень тупо) помимо Димыча в ютубе есть еще крутые уроки по реакту на реальных примерах) поэтому советую смотреть не только Димыча, тогда понимание как это все работает прийдет намного быстрее.
@@TheZionjke тут и ничего не говорится про то, с каких источников черпать информацию, с чего Вы это взяли?
Спасибо за курс!!!!
Фюх, фюх, фюх!!))
#react #reactjs #js #javascript #hook #useState #it
Хуки - просто огонь! Нужно было больше уделить им внимания. С другой стороны - хорошо для самостоятельной отработки! Дима, спасибо огромное за этот курс!
хук слева, хук справа и ты победитель!
Юху! Наконец-то хуки 💃🏻
Прошлый раз изменение статуса так и не заработало, зато сейчас, починил
React, redux, hooks, useState, request, API
React JS - hook, useState супер урок, спасибо! Попробую на своём проекте-портфолио заюзать хуки
Спасибо большое!
Очень интересно про хуки! #useState #hook #reactJS
Я в прошлый раз когда статус пилили написала все через useState и useEffect))) Подумала сделаю по феншую )) Спасибо за обьяснение useState hook!
привет, спасибо! очень рады, что дошли до хуков - это уже что-то прям современное и важное. на вид кажутся менее сложными, чем классовые компоненты.
Наконец-то я узнал про хуки от Димыча и теперь понимаю, почему хотят пользоваться. Теперь я по возможности буду постепенно все переводить в хуки. Спасибо за урок!!!
#react #reactredux #hook #usestate #itkamasutra #reactsjs
Именно твои уроки по react-у первые, могу и не допонять)) Поэтому ещё раз пересмотрел уроки 71, 73 и 74
Советую сделать всю приложуху, так как в первой двадцатке обьясняется базовая фунциональность реакта. Я вообще сначала начал делать сайт на реакте, и без архитектуры намешал все в кучу, и логику и UI и запрос данных сервера. А так нельзя на больших приложухах, поэтому надо начинать делать маленькие но уже с правильной архитектурой.
Спасибо! 2022! Хук useState работает! Идем дальше к замене componentDidUpdate на useEffect.
ляп лайк со старта!!!!!Самый лучший курс react js
Вот что хочу сказать, я учил React в другой IT школе, но темы по React подавались ужасно, они просто учили нас, несильно парясь о том понятно нам или нет, а ты вкладываешь в свои уроки сердце, так что респект тебе!
Лучший курс по реакт! Фундамент реакта. Димыч ван лав!
когда устаю, и хочется чтобы разжевали... прихожу сюда... и кайфую... спасибо!
Спасибо! Пришел сюда сразу после 74 урока)
С новым ноутом конечно презенташки рисовашки стали круче, прям приятно смотреть)) это сенсорный экран чоли?
Великолепное объяснение hook и useState, потихоньку мой корабль движется в гавань трудоустройства )))
крутой чел, позитивный такой, аж хочется код писать с неистовой силой
спасибо за ссылку на статью, скоро догоню я выкладку видео :)
#useState #hook #reactJS Интересная тема! Понятное объяснение! Димыч, фореве!!!
hook, useState -- это удобно, это круто.
Вкотре дякую за таку подачу матеріалу! Зрозуміла як переписати на hook-и класову компоненту використовуючи setState. Погнала дивитись про useEffect
Спасибо большое. Вы учитель от бога!!!
Спасибо! Бомбим дальше ©
Hook, useState, React JS. Отличный курс для начинающих.
Хаха, капец разжевал, зато доходчиво очень, топ джедай!
Так вот какие они Хуки в Реакте!
было бы еще круто если бы в добавку в этот курс запихнул джедайские уроки по styled components))) спасибо за уроки!
Лучшее объяснение hook, useState!
подводя итоги 83 выпуска (2023-06-07):
1. мне нравится чувство юмора (будем подворовывать, до сих пор помню скукожить/раскукожить из первых 40 выпусков)
2. так как моя голова полупустая, туда можно положить любую логику, хуки, функциональное программирование и все что угодно.
3. важен отдых. тогда и занятие в удовольствие.
4. лечу на повтор.
5. самое главное - спасибо за выпуск!
Так вроде все не сложгно, но ХЗ, посмотрим что дальше, Димыч как всегда - крассавчик!!!
#ReactJs #Hook #хуки
Лучшее объяснение хуков, спасибо!
Хуки были трэндом уже в 2020. Нам бамбуковыми палками били по рукам, если использовали классовые компоненты). А сейчас уже 2022 настал... Прям не верится. Use hooks be happy!
Спасибо! Я видел комментарии, что это лучший курс по react, но это БРЕД!! Это лучший курс по программированию, что я вообще видел! По хукам первое впечатление такое, что вместо нормального решения с классами сделали костыль, чтобы работало. Кода стало в два раза больше и в три раза менее понятней.
Спасибо, от души🤗🤗🤗
Lesson 84 Done!
Большое спасибо
Хуки - это реально круто )
React JS - hook, useState, хуки
Лучшие уроки по React JS & Redux !!!
The BEST!!! lessons of React & Redux!!!
Programming and Coding!!!
Just simply about information technology =)