#1: React Hooks - useState

Поделиться
HTML-код
  • Опубликовано: 1 фев 2025

Комментарии • 145

  • @anzhelikacherniavska2605
    @anzhelikacherniavska2605 3 года назад +21

    Очень классное объяснение useState!!! Благодарю! Ваши уроки офигенные для новичка в React!

  • @Snegurjan
    @Snegurjan 4 года назад +95

    Если мне бы так обьясняли в школе,я стал бы програмисстом в 12 лет.Спасибо бро!

    • @forssety9
      @forssety9 Год назад +4

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

    • @Snegurjan
      @Snegurjan Год назад +1

      @@forssety9 благодарю. Удачи в твоём пути, пусть все получится 🤟🙏

    • @forssety9
      @forssety9 Год назад +1

      @@Snegurjan спасибо!

    • @Mike37373
      @Mike37373 Год назад

      @@forssety9 что значит ноут вместо кровати

    • @forssety9
      @forssety9 Год назад +1

      @@Mike37373 у него была возможность купить либо ноутбук, либо кровать, Он выбрал первое

  • @gayanegalstyan9132
    @gayanegalstyan9132 3 года назад +10

    Я еще раз посмотрела видео и еще раз захотелось написать Спасибо Вам огромное! Пожалуйста, снимайте побольше видео. Вы нам реально очень помогаете!

  • @vitalygaraev8093
    @vitalygaraev8093 2 месяца назад

    Еще раз посмотрел через год. Никто так толково не объясняет. Спасибо!

  • @eduard_dev
    @eduard_dev 2 года назад +3

    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.

  • @MrSensys
    @MrSensys 3 года назад +2

    Как же отлично все разжевано и объяснено. Спасибо!

  • @VolodymyrSirenko
    @VolodymyrSirenko 2 года назад +3

    Очень толковое объяснение useState для начинающего! Спасибо!

  • @kolyahome22
    @kolyahome22 Месяц назад +1

    Супер пояснення!

  • @ЕгорНей-л3ф
    @ЕгорНей-л3ф 4 года назад +5

    Не поверишь, как раз сегодня дошел до хуков в документации. Приятное совпадение))

    • @jorgenUA
      @jorgenUA 4 года назад

      для сравнения ruclips.net/video/yVKXZz2yagI/видео.html

  • @atakhanzhumadil8784
    @atakhanzhumadil8784 3 года назад

    где ты был год назад брооооооооу, это лучший туториал в инете

  • @mm_dima
    @mm_dima Год назад

    пересмотрел роликов 10 на эту тему и этот оказался самым понятным, благодарю

  • @adeptusCustodius
    @adeptusCustodius 2 года назад

    Супер! Самое толковое объяснение хуков в рускоязычном сегменте!!! Спасибо!

  • @edword0376
    @edword0376 4 года назад

    Если бы не ты, так и бы не понял как работает этот хук, много где прочитал и посмотрел об этом, не понимал. Спасибо!)

  • @theoty-js
    @theoty-js 2 года назад +1

    как же ты круто объясняешь!

  • @dennisfisher2684
    @dennisfisher2684 3 года назад +2

    Присоединяюсь ко всем спасибо в комментариях. Отдельное спасибо за светлую тему )) С телефона намного лучше воспринимается информация.

  • @anv1kk
    @anv1kk 2 года назад

    Красава, очень понятно и подробно объясняешь, а новичкам это так необходимо!

  • @TheFryOS
    @TheFryOS 2 года назад

    Просто топ контент. Благодаря тебе разобрался и понял. Спасибо что для самых маленьких рассказал.

  • @pettonjef3061
    @pettonjef3061 4 года назад +4

    Лучший урок по хукам что я видел. Спасибо большое. Продолжай в том же духе )

    • @maximzalutskii1012
      @maximzalutskii1012 4 года назад +1

      it-kamasutra посмотри, всё поймешь

  • @SlimDwarfPavelIronfoot
    @SlimDwarfPavelIronfoot 2 года назад

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

  • @polinamueller8502
    @polinamueller8502 2 года назад

    Блин ты мой новый любимчик, красавчик, спасибо

  • @MrBolodina
    @MrBolodina 4 года назад +27

    Привет! Все правильно рассказал, но один нюанс, массив может быть константой в твоем случае, т.к. ты можешь выполнять разные функции над ним (push например) и он будет меняться, а вот переопределить массив ты не сможешь!

  • @АлександрСмирнов-щ4с

    спасибо большое за доступное объяснение, заполнил свои пробелы.

  • @ЛиЛи-н8м
    @ЛиЛи-н8м 3 года назад

    я в шоке. самая доступная подача материла в мире!!!

  • @skynov
    @skynov 4 года назад +5

    Круто! Жду курс по реактивной пицце

  • @lalathealter6513
    @lalathealter6513 3 года назад

    прекрасное объяснение. Любому новичку всё станет понятно

  • @vitalygaraev8093
    @vitalygaraev8093 Год назад

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

  • @mykhailokurta8856
    @mykhailokurta8856 4 года назад +3

    Супер, использую уже)

  • @inzoddex8312
    @inzoddex8312 4 года назад +1

    Лучший урок, спасибо большое!

  • @s9219871110
    @s9219871110 3 года назад

    Спасибо тебе большое за годнейший контент!

  • @ВикторияРезяпкина-ж7б

    Обьяснение - понятное очень, спасибо

  • @yevheniisahanenko5848
    @yevheniisahanenko5848 4 года назад +2

    Отличное видео, спасибо, что так сильно углубился в нюансы

    • @enjoymtx
      @enjoymtx 4 года назад

      какое углубление в нюансы, если это урок для начинающих и только про самые основы)

  • @Jdjdjjjxhzh
    @Jdjdjjjxhzh 3 года назад +1

    Отличный гайд, все понял.

  • @МаксимМ-й7с
    @МаксимМ-й7с 4 года назад +4

    Сразу лайк! Красавчик)

  • @flotsky1337
    @flotsky1337 4 года назад +2

    Видос пушка, продолжай в том же духе!

  • @АлексейКравец-е7й
    @АлексейКравец-е7й 4 года назад +1

    спасибо за видео, мне понравилось как ты объясняешь

  • @vasilkou73
    @vasilkou73 4 года назад +1

    Спасибо огромное, очень доходчиво пояснил!

  • @3bogdan333
    @3bogdan333 Год назад

    Спасибо, помог разобраться как это работает

  • @КириллГаланов-л6ь
    @КириллГаланов-л6ь 3 года назад

    Бро, ты красавчик! Спасибо)

  • @alexforos5425
    @alexforos5425 2 года назад

    Спасибо, отличное объяснение ! С меня лайк и подписка!

  • @Ибрагим-вввв09
    @Ибрагим-вввв09 3 года назад

    очень качественная подача материала

  • @vladvoloshenko5701
    @vladvoloshenko5701 4 года назад +1

    Очень грамотно и понятно, спасибо)

  • @Maksim-o3e6n
    @Maksim-o3e6n 2 года назад

    Очень грамотно и понятно, спасибо!!!

  • @ВладимирГугин-ш7щ
    @ВладимирГугин-ш7щ 3 года назад

    Хорошо получается объяснять !

  • @Shnolll
    @Shnolll 4 года назад

    отдельное спасибо за рекламу в самом конце

  • @RomanCzujko
    @RomanCzujko 3 года назад

    Доступно, спасибо!

  • @nomadgari
    @nomadgari 3 года назад

    отлично, продолжай!

  • @vladimirww5152
    @vladimirww5152 3 года назад

    Детально объянил!

  • @pse1525
    @pse1525 4 года назад

    Просто супер!

  • @gayanegalstyan9132
    @gayanegalstyan9132 3 года назад

    Огромное Вам спасибо!!!

  • @samirvaliyev
    @samirvaliyev 3 года назад

    В очень классный учитель. Спасибо вам

  • @АлександрПлуталов-ъ4ш

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

  • @Евгений-у2е8ы
    @Евгений-у2е8ы 4 года назад

    Круто, спасибо большое!) Ждем следующие уроки)

  • @AlexMazur-x4i
    @AlexMazur-x4i Год назад

    very cool explanation!

  • @igorkit1946
    @igorkit1946 3 года назад

    best of the best.. ПРЯМ ВЗАЛ И РОЗЛОЖИЛ ВСЕ ПО ПОЛКАХ..

  • @_pheax
    @_pheax 2 года назад

    понятно , спасибо большое

  • @tashakarluka7026
    @tashakarluka7026 3 года назад

    молодец! давай еще React

  • @ОлегОвчинников-щ9с

    🔥🔥🔥🔥🔥🔥🔥

  • @one_channel379
    @one_channel379 4 года назад +1

    setArray((prevState) => ([
    ...prevState,
    newElement
    ]) очень полезный кейс в некоторых моментах) видео крутое ) лайк

    • @dennisfisher2684
      @dennisfisher2684 3 года назад

      А что такое превСтейт? По аналогии с видео - это начальный массив намберс?

    • @ArchakovBlog
      @ArchakovBlog  3 года назад

      Это токующее состояние

  • @blackwarrior6015
    @blackwarrior6015 4 года назад

    Однозначно лайк

  • @Mirrasim
    @Mirrasim 2 года назад

    Spasibo za urok

  • @michealmltefive5510
    @michealmltefive5510 2 года назад +1

    14:50 key сравнивается не глобально, мы можем использовать одинаковые key в разных частях!

  • @Oleg_Artemov
    @Oleg_Artemov 3 года назад

    ТОП !

  • @clearsky906
    @clearsky906 4 года назад

    Сходу лайк, потом смотреть
    Спасибо за уроки)

  • @suspiciouscandy1678
    @suspiciouscandy1678 3 года назад

    Моя довольна :)

  • @Shved_2.0
    @Shved_2.0 4 года назад

    за объяснение 5 баллов

  • @vitaliidrapaliuk5652
    @vitaliidrapaliuk5652 4 года назад

    Спасибо)

  • @yuriypetrik3333
    @yuriypetrik3333 2 года назад

    спасибо

  • @supersaeros
    @supersaeros 4 года назад

    Спасибо очень доходчиво. А про остальные хеки ещё нет видео?

  • @argeninho
    @argeninho Год назад

    Разжевал и плюнул в рот :D
    Большущий рахмат

  • @munutd9857
    @munutd9857 3 года назад

    👍👍👍👍👍👍👍👍👍👍

  • @whiteguards43
    @whiteguards43 2 года назад +1

    А нельзя setNumbers(numbers.push(random))?

  • @ВладиславВикул-г1я
    @ВладиславВикул-г1я 4 года назад

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

  • @yaroslavoz
    @yaroslavoz 4 года назад

    Расскажи, пожалуйста, как использовать функцию вместо присваивания массива или объекта переменной стейта. И когда будут следующие хуки?)

  • @bigboy3085
    @bigboy3085 3 года назад +8

    Умоляю!!!! Сделай уроки по Redux, а то в русском сегменте все объясняют через жопу, только ты поясняешь все моменты и нормально рассказываешь)

  • @dr_morpho
    @dr_morpho 2 года назад

    Спасибо вам! Насколько знаю, jsx атрибуты пишутся в camel Case :))

  • @dr_morpho
    @dr_morpho 2 года назад

    Спасибо вам! Насколько знаю, jsx атрибуты в отличии от html пишутся в camel Case :))

  • @АлександрГригоренко-г8к

    Привет. Спасибо за урок! А что за светлая тема у тебя в редакторе на видео?

  • @bzlkch
    @bzlkch 4 года назад

    Лайк не глядя

  • @nikolaykokhno2346
    @nikolaykokhno2346 4 года назад

    Годно!

  • @ВладСкурський
    @ВладСкурський 2 года назад

    Подскажи, пожалуйста, как удалить елемент с массива useState?

  • @НиколайГрубляк-х9п
    @НиколайГрубляк-х9п 4 года назад

    Я вообще не знаю реакт, но я абсолютно всё понял. ТЫ ГЕНИЙ!

  • @vladosononame6376
    @vladosononame6376 3 года назад

    на примере чисел то понятно, а на примере как добавить сообщение у которого массив messages которое идет из пропсов что состоит из обьектов {id:'23', title:'hello world',text:'SOME MESSAGE'} не совсем понятно при этом нужно увеличивать id на еденицу в зависимости от последнего сообщения, эти примеры с обычными числами не совсем юзабельные в реальной жизни, тем более если в реальной жизни ты взаимодействуешь с базой данных, а этот пример с номерами я это прочитал на более 10 сайтах что обьясняют useState, поэтому пошел на ютуб что б увидить более разнообразный пример, вообщем не совсем то что я хотел увидить, большенство коментаторов даже в реальности не пробуют делать то что на видосах, а просто в тупую пишут спасибо спасибо и думают єто им поможет в будущем но нет)

  • @ALEKSEY_77737
    @ALEKSEY_77737 3 года назад

    джи!

  • @skeelo3157
    @skeelo3157 3 года назад

    жду useContext

  • @OnlyLuck1000
    @OnlyLuck1000 3 года назад

    Почему нельзя поставить 100500 лайков?)

  • @vadimgaidai8186
    @vadimgaidai8186 4 года назад

    А push в случае с setNumbers не подходит из-за иммутабельности?)

    • @ArchakovBlog
      @ArchakovBlog  4 года назад +1

      он работает и есть сделать numbers.push(random) , а потом вызывать setNumbers(numbers), работать будет, но делать так не желательно

  • @biLLie_wiLLie
    @biLLie_wiLLie 4 года назад +3

    А что не так с курсом про пиццу?

    • @ArchakovBlog
      @ArchakovBlog  4 года назад +1

      Всё ок, просто то лень, то времени не хватает на запись оставшейся части. Пока записал где-то 60% курса

    • @biLLie_wiLLie
      @biLLie_wiLLie 4 года назад +1

      @@ArchakovBlog подскажи плиз, во всех курсах про реакт используют компоненты классы. С помощью этих хуков про компоненты классы можно забыть? Инфа в курсах не актуальна?

    • @yuraivaniv1816
      @yuraivaniv1816 4 года назад +1

      нужно знать оба подхода

    • @fedorrychkov9962
      @fedorrychkov9962 4 года назад +1

      @@biLLie_wiLLie функциональные компоненты легко поддерживаемы и проще тестируются. В своих проектах еще не видел кейса, где была бы необходимость возвращаться к классам в компонентах.

    • @Cindorqw
      @Cindorqw 4 года назад

      @@ArchakovBlog фреймворк COD Modern Warframe слишком интересным оказался, я прав?)

  • @aleksandr1277
    @aleksandr1277 3 года назад

    а если forceUpdate использовать для перерисовки компонента?

  • @Asgyr
    @Asgyr 4 года назад

    почему нельзя let это же массив и ты меняешь значения а не сам массив поэтому можно и const или я неправ ?

  • @vitaliidrapaliuk5652
    @vitaliidrapaliuk5652 4 года назад

    Планируються видео по другим хукам?

  • @АлександрАлехин-е2х

    более четкого объяснения не встречал

  • @AlexMazur-x4i
    @AlexMazur-x4i Год назад

    posto zoloto a nie kurs!

  • @romafrolov6811
    @romafrolov6811 Год назад

    Ааааа белая тема

  • @1ommy398
    @1ommy398 4 года назад

    лайк! топ. Чего решил перейти на винду

    • @ArchakovBlog
      @ArchakovBlog  4 года назад

      мой ПК лучше справляется со сложными задачами, чем макбук

  • @jorgenUA
    @jorgenUA 4 года назад +1

    про причину использования map вместо forEach ты наплёл так, что... не хочу обидеть, но: ты правда делал коммерческие проекты?)Про иммутабельность ни слова, а нужно бы сравнить для понимания массив numbers с newArr БЕЗ randNumber - человек бы увидел причину применения оператора spread... ну, может, ночью видео делал...) тема для VSC ничего так

    • @yaroslavoz
      @yaroslavoz 4 года назад

      Чем тебе map не угодил?)

  • @ivansafronov3359
    @ivansafronov3359 4 года назад

    Круто объясняешь! Немного больше деталей по терминологии, к примеру, не совсем в начале было понятно, что за componentDidMont и тд... А так молоток, все круто!

    • @ArchakovBlog
      @ArchakovBlog  4 года назад

      спасибо за комментарий! в следующем курсе

  • @АлексейЧухланцев-л5г
    @АлексейЧухланцев-л5г 11 месяцев назад

    19:32

  • @raymond1489
    @raymond1489 4 года назад

    Не знаю React, но решение по-моему мнение понятно даже и для новичков: сделано логично и лаконично, а после обновления страницы сохранятся значения?

    • @fedorrychkov9962
      @fedorrychkov9962 4 года назад

      Если засейвить данные в каком нибудь хранилище браузера, например LocalStorage, то можно от туда взять данные и сунуть в useState при инициализации компонента.

    • @ArchakovBlog
      @ArchakovBlog  4 года назад +2

      не-а, это надо отдельно писать такую логику. Ничего сложно в принципе нет. Или серверную писать или как сказал Федор, юзать localStorage

  • @GreatDion
    @GreatDion 4 года назад

    Что за тема в вскоде?

  • @kirillk5760
    @kirillk5760 4 года назад

    4:24 - конечно, не лучший пример, ещё и с ошибкой (side-effect)
    В описании видео Pateron на Patreon измени, чуть опечатка

    • @ArchakovBlog
      @ArchakovBlog  4 года назад

      Спасибо, поправил. Уточни, какая ошибка? Ты про this.state.checked?

    • @kirillk5760
      @kirillk5760 4 года назад

      ​@@ArchakovBlog да, про него
      И конструктор выпилить, написав просто state = { checked: false };
      Тут даже пару лишних строк кода может напугать новичков)