Для чего нужен useReducer в React,простым языком

Поделиться
HTML-код
  • Опубликовано: 29 сен 2024
  • Мой Telegram канал
    t.me/way_of_de...
    Все хуки в React простым языком: • Хуки React
    В данном видео я хочу рассказать о том для чего нужен хук useReducer простыми словами и показать на примере, как он может улучшить приложение, с помощью выноса данных за пределы компонента.
    Вы можете поддержать мой канал:
    www.donational...
    donate.qiwi.co...

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

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

    блин, сейчас прохожу курс, там тема как раз по useReducer, но ещё вместе с createContext. В итоге такая каша в голове, вообще ничего не понятно, никакой логики не прослеживается. А тут посмотрел - шикардос) И история есть, и принцип работы, и правила применения. Все понятно, все записал! Спасибо большое!

  • @yevheniiashavrukova1824
    @yevheniiashavrukova1824 11 месяцев назад +2

    Просто огромное спасибо, посмотрела в голову уложилась структура сразу, очень понятно!!! До этого сколько видео пересмотрела и не могла связать логику, что куда и зачем! Пойду и други хуки посмотрю у тебя, может что-то еще прояснится)))

  • @mityadima
    @mityadima 2 года назад +2

    осталось ... -_- одеть О-О = и контент можно смотреть

  • @arturj5574
    @arturj5574 10 месяцев назад +1

    Спасибо! Правда очень хорошо объяснил🙏

  • @RamaRama-qv3jo
    @RamaRama-qv3jo Год назад +2

    Это видео подано настолько простыми словами, что впервые после его просмотра, я посмотрел ещё 7 видео по этой же теме длиной 20-90 минут. И теперь посмотрев это видео второй раз, я таки понял о чем оно😆

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

      А что именно было непонятно при первом просмотре?

    • @RamaRama-qv3jo
      @RamaRama-qv3jo Год назад

      @@dmitrii_gerasimov сложно сказать... Наверное всё. Хотя хорошо знаю use state. Как повод освежить знания, видео отлично, но как для новичков пожалуй не достигает цели.

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

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

  • @PalladinGOLD
    @PalladinGOLD 7 месяцев назад

    Хорошее видео. Отдельно зачет про рекомендации. Новичкам полезно не забывать про чистоту функций

  • @АлексейБомко-ь1ш
    @АлексейБомко-ь1ш 3 месяца назад

    Отличное объяснение - спасибо!

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

    А если юзать вместо етого контекст, useContext, ведь та же функциональность будет.

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

      По сути да, просто альтернатива.

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

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

  • @СветланаШунькова-г9с

    Видео помогает упорядочить понимание useReducer. Спасибо))

  • @СергейГаврильчик-т2ж

    Спасибо большое, действительно хорошо объяснили!)

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

    А что если у меня есть глобальный объект, который я использую как хранилище (store) и я его подставляю вместо initialState (получается вместо {count: 0}), как сделать, чтобы изменения, которые происходят в initialState также происходили и в store?

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

      А зачем вообще так делать? Это очень плохая архитектура. Дублируются данные и будут происходить ошибки. Гораздо лучше использовать один источник данных. К тому же, изменения не должны происходить в initialState, ибо теряется принцип чистоты редьюсера. Ну а вообще, можно создать пользовательский хук, который будет принимать на вход объект store из хука useReducer и в этом пользовательском хуке написать логику обновления. Но настоятельно не рекомендую так делать.

  • @Мария-ц8ъ2е
    @Мария-ц8ъ2е 2 года назад

    спасибо, полезное видео, очень хорошо объяснили)))

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

    Нажмите уже кнопочку "Обновить сейчас"

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

    Спасибо за доступное объяснение!

  • @ПавелСтародубцев-ц6ш

    хороший пример с Redux)))

  • @Александр-ц4ш8х
    @Александр-ц4ш8х Год назад

    Спасибо, столкнусля с useReduser, по видео хотя бы понял, что где возвращается. Ещё бы знать когда его нужно применять

    • @dmitrii_gerasimov
      @dmitrii_gerasimov  Год назад +2

      Если нужно вынести данные в сторону, чтобы они не относились к какому-то компоненту.

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

      @@dmitrii_gerasimov а как вынести данные и использовать в другом компоненте? есть ли продолжение видео?

  • @ДенисЯковлев-п8т

    Почему в switch default: , вы возвращаете new Error() ?

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

      Чтобы была стандартная ошибка. На самом деле это просто пример. К теме ролика это отношения не имеет, вы не обязаны возвращать Error.

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

    spasibo

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

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