#1: React Hooks - useState
HTML-код
- Опубликовано: 21 сен 2024
- 📢 Платный курс по ReactJS с наставником: mentor.archako...
❤️ Поддержка:
- Patreon: / archakovblog
- Донаты: www.donational...
📢 О чём я буду рассказывать?
Я решил сделать новый курс по React-хукам и рассказать подробно о том, как работает каждый хук. В данном видео, я рассказываю о хуке useState. Как он работает, зачем нужен и когда можно обойтись без него?
Это первое видео по хукам ReactJS. В следующих видео я расскажу про другие хуки.
❓ Кому подойдёт этот курс?
Для начинающих, которые только начали изучать ReactJS и для тех, кто изучает более 3-х месяцев.
На каждый хук, есть отдельная ветка в репозитории ниже. Просто кликаете по "Branch" и выбираете нужный хук.
Ссылка на GitHub: github.com/Arc...
🔗 Следите за обновлениями и информацией в:
- Telegram-канале: t.me/archakov_im
- VK: archako...
- Личном блоге: archakov.im
- GitHub: github.com/Arc...
- Моё резюме: career.habr.co...
Если мне бы так обьясняли в школе,я стал бы програмисстом в 12 лет.Спасибо бро!
Видел тебя в коментах "путь самурая", рад за тебя, выбрать ноут вместо кровати, чтобы учиться после работы это достойно уважения, рад что ты уже работаешь программистом, удачи стать Сеньором)
@@forssety9 благодарю. Удачи в твоём пути, пусть все получится 🤟🙏
@@Snegurjan спасибо!
@@forssety9 что значит ноут вместо кровати
@@Mike37373 у него была возможность купить либо ноутбук, либо кровать, Он выбрал первое
Очень классное объяснение useState!!! Благодарю! Ваши уроки офигенные для новичка в React!
Привет давно изучаешь реакт?
@@ЕвгенийМакарук-ж8в Привет, примерно 3 месяца.
@@anzhelikacherniavska2605 Как успехи?
@@ЕвгенийМакарук-ж8всредне) только в начале пути😊
@@anzhelikacherniavska2605 а сейчас?
Я еще раз посмотрела видео и еще раз захотелось написать Спасибо Вам огромное! Пожалуйста, снимайте побольше видео. Вы нам реально очень помогаете!
Phenomenal !!! One of the best course on react, absolutely loved it . It cover all the concepts from very basic to advance. Арчаков Дэннис is the best React Js teacher.
Очень толковое объяснение useState для начинающего! Спасибо!
Привет! Все правильно рассказал, но один нюанс, массив может быть константой в твоем случае, т.к. ты можешь выполнять разные функции над ним (push например) и он будет меняться, а вот переопределить массив ты не сможешь!
Присоединяюсь ко всем спасибо в комментариях. Отдельное спасибо за светлую тему )) С телефона намного лучше воспринимается информация.
Не поверишь, как раз сегодня дошел до хуков в документации. Приятное совпадение))
для сравнения ruclips.net/video/yVKXZz2yagI/видео.html
Как же отлично все разжевано и объяснено. Спасибо!
Супер! Самое толковое объяснение хуков в рускоязычном сегменте!!! Спасибо!
где ты был год назад брооооооооу, это лучший туториал в инете
пересмотрел роликов 10 на эту тему и этот оказался самым понятным, благодарю
Если бы не ты, так и бы не понял как работает этот хук, много где прочитал и посмотрел об этом, не понимал. Спасибо!)
как же ты круто объясняешь!
Круто! Жду курс по реактивной пицце
Просто топ контент. Благодаря тебе разобрался и понял. Спасибо что для самых маленьких рассказал.
Красава, очень понятно и подробно объясняешь, а новичкам это так необходимо!
спасибо большое за доступное объяснение, заполнил свои пробелы.
Лучший урок по хукам что я видел. Спасибо большое. Продолжай в том же духе )
it-kamasutra посмотри, всё поймешь
прекрасное объяснение. Любому новичку всё станет понятно
Отличный гайд, все понял.
я в шоке. самая доступная подача материла в мире!!!
вот круто! правильно что обьясняешь с запасом!! так и нужно, а то как откроешь видео по 2 минуты... лучше обьяснить лишнего чем что то упустить! спасибо! комент в поддержку канала
Блин ты мой новый любимчик, красавчик, спасибо
Спасибо! Очень ясное и подробное объяснение.
спасибо за видео, мне понравилось как ты объясняешь
Супер, использую уже)
Спасибо, помог разобраться как это работает
Отличное видео, спасибо, что так сильно углубился в нюансы
какое углубление в нюансы, если это урок для начинающих и только про самые основы)
Лучший урок, спасибо большое!
Обьяснение - понятное очень, спасибо
Благодарю!
14:50 key сравнивается не глобально, мы можем использовать одинаковые key в разных частях!
не удержался ))) ты поставил рекорд , то что можно обьяснить за пять минут ты растянул на полчаса это тоже талант))
Spasibo za urok
Сразу лайк! Красавчик)
Спасибо огромное, очень доходчиво пояснил!
отдельное спасибо за рекламу в самом конце
Спасибо тебе большое за годнейший контент!
Видос пушка, продолжай в том же духе!
В очень классный учитель. Спасибо вам
very cool explanation!
Бро, ты красавчик! Спасибо)
Очень грамотно и понятно, спасибо)
Хорошо получается объяснять !
очень качественная подача материала
Спасибо, отличное объяснение ! С меня лайк и подписка!
setArray((prevState) => ([
...prevState,
newElement
]) очень полезный кейс в некоторых моментах) видео крутое ) лайк
А что такое превСтейт? По аналогии с видео - это начальный массив намберс?
Это токующее состояние
best of the best.. ПРЯМ ВЗАЛ И РОЗЛОЖИЛ ВСЕ ПО ПОЛКАХ..
Очень грамотно и понятно, спасибо!!!
Умоляю!!!! Сделай уроки по Redux, а то в русском сегменте все объясняют через жопу, только ты поясняешь все моменты и нормально рассказываешь)
🔥🔥🔥🔥🔥🔥🔥
Подача отличная, Бро, если бы ВУЗах нормально платили, хотел бы видеть там тебя!
ТОП !
Доступно, спасибо!
понятно , спасибо большое
отлично, продолжай!
Огромное Вам спасибо!!!
Детально объянил!
молодец! давай еще React
Просто супер!
спасибо
Разжевал и плюнул в рот :D
Большущий рахмат
Однозначно лайк
Круто, спасибо большое!) Ждем следующие уроки)
за объяснение 5 баллов
Спасибо!
Спасибо вам! Насколько знаю, jsx атрибуты в отличии от html пишутся в camel Case :))
Спасибо вам! Насколько знаю, jsx атрибуты пишутся в camel Case :))
джи!
Моя довольна :)
жду useContext
Почему нельзя поставить 100500 лайков?)
Блин, а ти харош
Сходу лайк, потом смотреть
Спасибо за уроки)
на примере чисел то понятно, а на примере как добавить сообщение у которого массив messages которое идет из пропсов что состоит из обьектов {id:'23', title:'hello world',text:'SOME MESSAGE'} не совсем понятно при этом нужно увеличивать id на еденицу в зависимости от последнего сообщения, эти примеры с обычными числами не совсем юзабельные в реальной жизни, тем более если в реальной жизни ты взаимодействуешь с базой данных, а этот пример с номерами я это прочитал на более 10 сайтах что обьясняют useState, поэтому пошел на ютуб что б увидить более разнообразный пример, вообщем не совсем то что я хотел увидить, большенство коментаторов даже в реальности не пробуют делать то что на видосах, а просто в тупую пишут спасибо спасибо и думают єто им поможет в будущем но нет)
Спасибо очень доходчиво. А про остальные хеки ещё нет видео?
А нельзя setNumbers(numbers.push(random))?
Я вообще не знаю реакт, но я абсолютно всё понял. ТЫ ГЕНИЙ!
Расскажи, пожалуйста, как использовать функцию вместо присваивания массива или объекта переменной стейта. И когда будут следующие хуки?)
👍👍👍👍👍👍👍👍👍👍
Спасибо за урок.
Привет. Спасибо за урок! А что за светлая тема у тебя в редакторе на видео?
Ааааа белая тема
posto zoloto a nie kurs!
Подскажи, пожалуйста, как удалить елемент с массива useState?
более четкого объяснения не встречал
Круто объясняешь! Немного больше деталей по терминологии, к примеру, не совсем в начале было понятно, что за componentDidMont и тд... А так молоток, все круто!
спасибо за комментарий! в следующем курсе
а если forceUpdate использовать для перерисовки компонента?
почему нельзя let это же массив и ты меняешь значения а не сам массив поэтому можно и const или я неправ ?
А push в случае с setNumbers не подходит из-за иммутабельности?)
он работает и есть сделать numbers.push(random) , а потом вызывать setNumbers(numbers), работать будет, но делать так не желательно
Планируються видео по другим хукам?
Лайк не глядя
Годно!
Даже тупой поймет после такого объяснения)
19:32
А что не так с курсом про пиццу?
Всё ок, просто то лень, то времени не хватает на запись оставшейся части. Пока записал где-то 60% курса
@@ArchakovBlog подскажи плиз, во всех курсах про реакт используют компоненты классы. С помощью этих хуков про компоненты классы можно забыть? Инфа в курсах не актуальна?
нужно знать оба подхода
@@biLLie_wiLLie функциональные компоненты легко поддерживаемы и проще тестируются. В своих проектах еще не видел кейса, где была бы необходимость возвращаться к классам в компонентах.
@@ArchakovBlog фреймворк COD Modern Warframe слишком интересным оказался, я прав?)
про причину использования map вместо forEach ты наплёл так, что... не хочу обидеть, но: ты правда делал коммерческие проекты?)Про иммутабельность ни слова, а нужно бы сравнить для понимания массив numbers с newArr БЕЗ randNumber - человек бы увидел причину применения оператора spread... ну, может, ночью видео делал...) тема для VSC ничего так
Чем тебе map не угодил?)
Мне кажется или реакт наоборот усложняет работу? То что с html и jQuery делается за 5 минут, с реакт занимает 20
Если проект больше тудушника по функционалу, то можно умереть в пОгромировании с jQuery.
тебе кажется. Федор верно все верно говорит
@@ArchakovBlog понял, видимо это из-за отсутствия опыта)
Не знаю React, но решение по-моему мнение понятно даже и для новичков: сделано логично и лаконично, а после обновления страницы сохранятся значения?
Если засейвить данные в каком нибудь хранилище браузера, например LocalStorage, то можно от туда взять данные и сунуть в useState при инициализации компонента.
не-а, это надо отдельно писать такую логику. Ничего сложно в принципе нет. Или серверную писать или как сказал Федор, юзать localStorage