Context против Redux | Разбираемся что лучше

Поділитися
Вставка
  • Опубліковано 11 лип 2024
  • В данном видео поговорим про разницу между Store (Redux) и React Context. Рассмотрим разницу на примере todo list, написанного 2-я разными подходами.
    Код из видео:
    github.com/Ayub-Begimkulov/yo...
    Ссылка не предыдущее видео про react context:
    • ПОЛНОЦЕННЫЙ ГАЙД ПО RE...
    Telegram канал:
    telegram.me/ayub_begimkulov_c...
    Таймкоды:
    00:00-00:42 - Интро
    00:42-01:08 - Смотрим на наш туду лист
    01:08-05:32 - Смотрим код туду листа со стором
    05:32-10:45 - Смотрим код туду листа на контексте
    10:45-12:10 - Говорим про различия подходов
    12:10-18:40 - Говорим про более значимые различия
    18:40-20:45 - Подводим итоги
    20:45-21:06 - Заключение

КОМЕНТАРІ • 62

  • @user-eb5yw9ui6o
    @user-eb5yw9ui6o Рік тому +1

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

  • @alisheriskakov2984
    @alisheriskakov2984 Рік тому +1

    Спасибо за контент 🔥

  • @super-baby3419
    @super-baby3419 Рік тому

    Видео топ! На собесах часто спрашивают про контекст

  • @user-rm7oz4xu3k
    @user-rm7oz4xu3k Рік тому +1

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

  • @malsagov6331
    @malsagov6331 Рік тому +2

    Полезный контент так и выгружается КАМАЗами)))) 👍👍👍

  • @m4es7r0
    @m4es7r0 Рік тому +3

    Ждем видео о useSWR и React Query

  • @w1nd251
    @w1nd251 Рік тому +1

    Спасибо за контент

  • @dmitrykisel9485
    @dmitrykisel9485 Рік тому +1

    Спасибо за гайд

  • @user-dw8lb8lc7u
    @user-dw8lb8lc7u Рік тому +9

    Круто, ты выпускаешь очень актуальные видео про редакс( его везде используют, но не используют все возможности)
    хочу увидеть сравнение: чистые thunk vs createAsyncThunk vs RTK-query
    или большой обзор всех возможностей RTKQuery(не просто базовый пример, а несколько типовых сценариев использования фич RTK-query)
    хочу внедрить в проект createAsyncThunk или RTKQuery,
    но хочу понять насколько оно вообще нужно

    • @kujojotaro3464
      @kujojotaro3464 Рік тому +1

      RTK Query под капотом и есть createAsyncThunk, это server state подход, когда у тебя почти весь стейт на сервере а на фронте кеш этого стейта вместо store. По сути если ты полностью перешел на такой подход у тебя зачастую очень маленький стейт остается глобальный или вообще исчезает и его можно легко перенести ближе к компонентам.

    • @user-fk6ng8bk7s
      @user-fk6ng8bk7s Рік тому +5

      Тоже не всегда ясно, когда нужно писать createAsyncThunk, а когда можно RTK-Query заюзать. Так что плюсую

  • @vladsamsonov9752
    @vladsamsonov9752 Рік тому +5

    Аюб, спасибо тебе огромное за то, что делишься знаниями, опытом в свое свободное время. Наконец нашел канал, где каждое видео на вес золота и заставляет выйти из зоны комфорта (тонны видео для новичков на других каналов). Очень мотивируешь и задаешь верный вектор развития комьюнити! Твой вклад незаменим лично для меня, я реально шагнул на иную ступень размышления и программирования. Аюб, спасибо друг!

  • @dmytroz.2084
    @dmytroz.2084 Рік тому +1

    сначала лайк + коммент, потом смотрю)

  • @daniilnem9145
    @daniilnem9145 Рік тому +1

    очень интересно про внутренности Redux! спасибо за информативное видео

  • @MamauDota
    @MamauDota Рік тому +5

    Спасибо очень полезное видео! Понимание что такое context улучшилось!

  • @TarasovFrontDev
    @TarasovFrontDev 7 місяців тому

    Привет! Классное видео! Делай, пожалуйста, видео на тёмной теме.

  • @darkside2436
    @darkside2436 Рік тому +1

    Комментарий для продвижения видео в массы.

  • @_oxios_
    @_oxios_ Рік тому +4

    Спасибо! Сложно немного, но интересно.

  • @ibragimProtopopov
    @ibragimProtopopov Рік тому

    Спасибо, крутые видео! Конечно тяжело понимать откуда куда что пошло, когда ты прокручиваешь скрол. В идеале в самые важные моменты порисовать, так обыно понятнее) Интересно вообще про пропсы, когда лучше использовать стор, а когда пропсами прокидывать?

  • @9sashaaa
    @9sashaaa Рік тому +1

    Привет! Спасибо за крутой, информативный видос!!!
    Может когда-нибудь услышим и увидим от тебя сравнение redux и zustand???????

  • @jamjam3337
    @jamjam3337 Рік тому +1

    👏

  • @user-cm9ff1ej9c
    @user-cm9ff1ej9c Рік тому +4

    Не увидел на твоем канале что-либо про саги, может подкину идею для следующих видео ))) Redux Toolkit + Saga, сравнение Saga vs Thunk ну и плюсы минусы
    И да благодарю за этот видос🤟🤙👍

    • @ayub_begimkulov
      @ayub_begimkulov  Рік тому

      Если честно не уверен насколько это интересная тема. Но запишу себе.

    • @hunnidbands100
      @hunnidbands100 Рік тому +1

      @@ayub_begimkulov кажется уже неактуально. больше как легаси звучит

    • @sharkman6434
      @sharkman6434 Рік тому

      ​@@hunnidbands100 сага оч мощный и крутой комбаин и его не уместно сравнивать с санкой , сага чем то напоминает эдакий мини Gulp , оч крутая штука. Например тебе нужно дёрнуть что то с сервака в санке и в другой санке по условию какому то дёрнуть еще что то, но пока первая санка не ответила то не делать что то или наоборот делать, результаты ты получаешь в сагу и как то это обрабатываешь и только когда получишь нужные условия сделать что то в стейте - это всё делаеться в саге, короче это оч мощный инструмент для сложных кейсов. Был на проекте IBM и там видел оч крутые саги - смотришь на все это и понимая что одна делает - мурашки по коже.

  • @user-kj6go4ft4j
    @user-kj6go4ft4j Рік тому +1

    👍👍👍👍

  • @YuriiLutsyk0304
    @YuriiLutsyk0304 Рік тому +3

    Видос очень полезный и интересный, но сложновато😅

    • @ayub_begimkulov
      @ayub_begimkulov  Рік тому +1

      Объяснять сложные вещи простым языком - пока не моя сильная сторона. Активно работаю над этим, так что должно стать лучше.

  • @d0paminer
    @d0paminer Рік тому

    Что использовать в качестве локального стейта при использовании rtk, когда кол-во useState'ов в компоненте зашкаливает, а апргрейдить useReducer immer'ом и выдумывать оборачивание в контекст кажется лютым велосипедом?

  • @druf5962
    @druf5962 Рік тому +3

    спс, было бы топ увидеть маштабное видео или серию по редаксТулкиту, на рус ютубе только самая база, покрывающая лишь часть документации

    • @ayub_begimkulov
      @ayub_begimkulov  Рік тому +1

      Есть видео про топ 6 ошибок, там покрыл много интересных деталей.
      ua-cam.com/video/tnpQ_TyfxmE/v-deo.html

  • @inqvisitor3722
    @inqvisitor3722 Рік тому +1

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

  • @farrukhx7143
    @farrukhx7143 Рік тому +4

    Почему редакс так популярен? Потому что раньше всех стейтов вышел? Для новичка (меня) он дико неудобен и кажется громоздким. Тулкит по лучше слегка, а mobx и zustand в плане порога входа ниже, но везде этот редуксе((

    • @ev_geniy17
      @ev_geniy17 Рік тому

      Как по мне так тулкит не сильно отличается от мобх, единственное мне нравится что в мобх можно писать в ооп стиле

    • @farrukhx7143
      @farrukhx7143 Рік тому +2

      @@ev_geniy17 для меня редакс пока магия какая-то. Концепция понятна, но реализация черт ногу сломит. Спустя несколько заходов понять эту суету, картина только только начала прояснятся.

    • @rea1m_
      @rea1m_ Рік тому +1

      Редакс это типичная flux архитектура. Zustand конечно приятнее смотрится

  • @ivanp7697
    @ivanp7697 Рік тому +2

    Блин, почему я сначала прочитал contex против durex?🤣

    • @ayub_begimkulov
      @ayub_begimkulov  Рік тому

      Стоит задать этот вопрос самому себе.

  • @seregaeinwanderer910
    @seregaeinwanderer910 Рік тому +1

    Круто, в Redux (комби) экшен попадает во все редюсеры, возможно ли такое в Context?

    • @ayub_begimkulov
      @ayub_begimkulov  Рік тому +1

      Можно сделать это с одним контекстом и разными кусками стейта в нем. Но проблема в том, что тебе нужно будет писать код, похожий на Redux.

  • @mikene5452
    @mikene5452 Рік тому +1

    Что подразумевается под "батчим"? 😓

  • @tigranavushian2706
    @tigranavushian2706 Рік тому +1

    А почему люди до сих пор используют redux 🤔
    Ведь это не удобно со сравнению с другими

    • @ayub_begimkulov
      @ayub_begimkulov  Рік тому +1

      У многих нету выбора. Приходишь на проект - а он уже там.
      Да и в целом, я, если честно, не против redux. Просто считаю, что у него есть свои use case'ы. А многие пихают его, где он не нужен.

  • @CyberGenius777
    @CyberGenius777 Рік тому +3

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

    • @user-wt8sq9om6c
      @user-wt8sq9om6c Рік тому

      0.75 скорость сделай братиш + качнт исходники. С одной стороны плоховато что быстро но с другой есть возможность самому попробовать разобраться

    • @user-dw8lb8lc7u
      @user-dw8lb8lc7u Рік тому +2

      наоборот это очень мне нравится + смотрю на x2
      если что-то не понял, отматываю и ставлю паузу
      если всё равно не понял можно найти видос посвящённый только этой теме
      в интернете и так много мусора и самоповтора
      неэффективно просто смотреть какой-то растянутый контент с кучей мусора - просто ждать или нажимать "->" чтобы листать
      дело здесь в том что 70% информации и так очевидно, поэтому он и не заостряет внимание на том что не является темой видео
      видео не про то что такое redux или что такое React.Context

    • @ayub_begimkulov
      @ayub_begimkulov  Рік тому +1

      Да, есть такая проблема. Стараюсь улучшить подачу, но пока еще далек от идеала. Спасибо за фидбэк!

  • @andTutin
    @andTutin Рік тому

    чо тараторишь