Redux Toolkit. Лучший state manager 2022. Обзор. createSlice / createAsyncThunk

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

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

  • @lets_try_js
    @lets_try_js  2 года назад +14

    Что в целом думаете по поводу redux ?

    • @Almas-2002
      @Almas-2002 2 года назад

      Крутой инструмент)!

    • @disconnect-forever
      @disconnect-forever 2 года назад

      Redux надо знать

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

      В больших приложениях полезен, в мелких локальный стейт

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

      @@urek8988 так и есть)

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

      @@lets_try_js Можешь рассказать про createReducer?

  • @user-sb6wi3kn1t
    @user-sb6wi3kn1t 2 года назад +29

    Одно из лучших объяснений которые я встречал. Если не самое лучшее. Даже с полного нуля разобраться о чём идет речь не проблема. Огромное спасибо

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

      приятно слышать )
      спасибо!

    • @user-hi1kt4ns2l
      @user-hi1kt4ns2l 2 года назад +4

      И правда! Всё супер четко и понятно!!!! Нет этого дерьма, как у юлбитв и самурая: сначала всё делаем в одном месте, потом 10к раз переносим с одних папок в другие.

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

      @@user-hi1kt4ns2l ххахахха даддададдада

  • @user-bx7ly2th3b
    @user-bx7ly2th3b 2 года назад +15

    Лучший курс, что я видел!!! Без переусложнения, с объясннием что и главено зачем мы делаем!!

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

    великолепно объясняешь, спасибо большое! Не мог понять как правильно использовать createAsyncThunk

  • @user-ml1dt5eh4c
    @user-ml1dt5eh4c 10 месяцев назад +3

    Лучшее объяснение! Все по полочкам! Спасибо!!!

  • @user-ml1dt5eh4c
    @user-ml1dt5eh4c 10 месяцев назад +2

    Благодарю за это видео! 7 дней провела за ним. Намного лучше поняла RTK и express. Все очень доходчиво, нужные моменты проговорены, благодаря чему многое встает на свои места. Приложение работает - это круто!!! Спасибо за труд!

  • @hachipoli822
    @hachipoli822 2 года назад +5

    Лучше всех объяснил как использовать редакс! посмотрел сначала у Владилена про редакс, потом у ulbiTV но все равно был в непонятках, а ты очень хорошо объяснил, впрницие все понятно!

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

      рад помочь)

    • @user-fj5zz8cw2j
      @user-fj5zz8cw2j 2 года назад

      У меня такой же путь был

    • @user-ox1bn7dn6e
      @user-ox1bn7dn6e Год назад

      мы все тут по одной дорожке прошли)

  • @user-eb5zg9qp4l
    @user-eb5zg9qp4l Год назад +1

    Дякую за цікаве та інформативне пояснення на одразу трьох прикладах!))
    це саме те, чого не мені не вистачало аби зрозуміти все це за один раз)

  • @AndranikArshakyan
    @AndranikArshakyan 2 года назад +5

    Гениальное объяснение, однозначно: лайк, подписка и колокольчик, огромнейшое спасибо

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

      спасибо за фидбек)

  • @Ohhhnailsss
    @Ohhhnailsss 4 месяца назад

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

  • @romanmerkulov830
    @romanmerkulov830 Год назад +3

    Приятная подача. Классно объясняешь. Отличное видео про тулкит, которое дало мне плюс 500хр к пониманию технологии.

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

    Классное доступное объяснение. Респект. Не жалею коммента и лайка

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

    Редко пишу комменты, но тут просто обязан написать. Просто бомба , это действительно номер один видео по разбору REDUX, все понятным языком и наглядно показать еще и UI app на github выложил, просто шляпу долой!!!

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

    Спасибо за видео, самое понятное объяснение из всех просмотренных. Всё по полочкам и по нарастающей. Отличный контент

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

      благодарю

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

      @@lets_try_js подскажите какую тему VS code используете и шрифт

  • @user-wu8wn8cs6p
    @user-wu8wn8cs6p Год назад +4

    ⚠⚠⚠⚠⚠⚠⚠Зачем делать запрос DELETE для удаления постов, а потом в action deletePost перебирать массив и удалять пост из стейта?)
    Зачем вообще нужно было делать запрос DELETE на jsonplaceholder?
    Далее ты все равно вызывал dispatch(deletePost(id))
    Мне кажется или твой запрос DELETE был в холостую⚠⚠⚠⚠⚠⚠⚠

    • @purchikkk
      @purchikkk 14 часов назад

      думаю можно бьІло бьІ зделать запрос на удаление и заново вьІтащить масив с постами, но не знаю правильно ли так делать

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

    Благодаря вашему видео, я разобрался, спасибо

  • @crafters2454
    @crafters2454 9 месяцев назад +1

    Спасибо огромное за видео я посмотрел несколько видео и непонемал спасибо за Урок + Подписка и Лайк от меня

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

    Спасибо дружище, очень помог!

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

    Дякую! Реально круто пояснюєш)

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

    спасибо большое! благодаря этому видео разобралась с react/toolkit

  • @seriogaromanchykov9451
    @seriogaromanchykov9451 9 месяцев назад +1

    Всё супер чëтко и понятно, автору респект и уважуха :) 😂

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

    Redux Toolkit - бомба.

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

      По сравнению с обычным редаксом это небо и земля ))

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

      @@lets_try_js 👍

  • @dimitrusmeleskausas2086
    @dimitrusmeleskausas2086 6 месяцев назад

    отличный разбор!
    стало все супер понятно, спасибо за ваш труд :)

  • @user-lp8fn7ht4b
    @user-lp8fn7ht4b Год назад +1

    Спасибо, очень подробно и информативно! Наконец-то стало все понятно)

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

    thanks very much. this video helped so much for me

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

    Никак не мог понять работу этого Toolkit. Читаю документацию и вроде понятно всё, но вот затык какой-то. Благодаря вашему видео понял свою ошибку и всё разрешилось. Огромное спасибо вам!!!!

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

      рад быть полезным)

  • @user-eh6yu6wh9f
    @user-eh6yu6wh9f Год назад +1

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

  • @user-ff3lc1et3u
    @user-ff3lc1et3u Год назад

    Хороший урок, успехов каналу, будем смотреть остальное

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

      благодарочка

    • @user-ff3lc1et3u
      @user-ff3lc1et3u Год назад

      @@lets_try_js есть группа, где вы общаетесь все?

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

      @@user-ff3lc1et3u неа, не делал такого

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

    Благодарю вас, дар обьяснять. все стало намного яснее. Осталось практиковать

  • @javadeveloperenjoyer9920
    @javadeveloperenjoyer9920 2 года назад +5

    Автор молодец! Спасибо за урок!

  • @SNSDfOu
    @SNSDfOu 11 месяцев назад

    отличный видос, мне понравилось объяснение

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

    оо это отличный контент. Я не буду утверждать что все окончательно понял, но без проблем и затыков смог вместе с тобой все это написать. Завтра попробую сделать это еще раз самостоятельно. Хочу дать немного обратной связи - микрофон немного подводит тебя, звук не очень. Так же мне показалось что к концу видео как раз на самых сложных моментах ты ускорился, а хотелось бы наоборот чтобы на сложных моментах подольше оставались) в целом 9 из 10. Спасибо за такое классное видео, желаю всяческих успехов, лайк и подписка)

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

    от души братик!

  • @user-fj5zz8cw2j
    @user-fj5zz8cw2j 2 года назад

    Молодец, хорошо подробно объяснчешь. А то я уже 3 видео смотрю и только на твоём начал понимать как все работает. А за болванку отдельное спасибо.

  • @Denis-pu4bt
    @Denis-pu4bt 2 года назад

    Наконец-то я понял, что такое redux. Лайк и подписка, спсб, бро.

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

    спасибо вам, посмотреть было очень легко и понятно

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

    шикарно, легко и понятно

  • @user-en7ks1ci9v
    @user-en7ks1ci9v Год назад +1

    Супер спасибо за видео урок. Так и не понял rejectWithValue что это и для чего оно

  • @user-js1up4xo2r
    @user-js1up4xo2r Год назад

    странно что у автора так мало подпищиков и просмотров, контент просто пушку, все сразу понятно стало, автору спасибо за контент)))

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

    Автор спасибо что ты существуешь. Я так долго тебя искал)

  • @user-zy7mc5so2w
    @user-zy7mc5so2w 2 года назад

    Спасибо огромное!
    Очень доходчиво.

  • @giyosiddinshokirov1303
    @giyosiddinshokirov1303 5 месяцев назад +1

    в пропс можно так todo={todo} vs {...todo} в desctruction будет удобно

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

    Автору видео - респект и уважуха!
    Как хорошо все объяснил и по полочкам разложил!
    Лайк и Подписка на канал

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

    дякую, це просто🔥

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

    Очень классное видео!

  • @bc.export5542
    @bc.export5542 2 года назад +2

    ЗБС! Гигантское спасибо. Целый день над этим сидел пока твоё видео не нашёл.

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

    просто супер 👍

  • @user-tk9sk3cl2e
    @user-tk9sk3cl2e Год назад

    Это видео + видео Михаила Непомнящего комбо для понимаю Redux Toolkit!

  • @user-ei8lb8om2g
    @user-ei8lb8om2g Год назад

    Спасибо, отлично объяснил

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

    Дякую за доступне і чітке пояснення.
    Лайк, підписка + комент для просування. І окремий лайк за те, що не так як у інших. Бо достала ця купа води, теорії і непотрібних переробок різними методами, які тільки все ускладнюють і даремно витрачаєш на них час…

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

    Автор большое тебе спасибо, объясняешь просто круто!!!

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

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

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

      Если было полезно то рад помочь)

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

    Отличный видос, пушечка, гоночка

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

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

  • @Vera-zt7tu
    @Vera-zt7tu Год назад

    Хороший урок. Мне стало все хорошо понятно посомтрев это видео, и видео Михаила Непомнящего. Там есть информация, которая может прояснить некоторые моменты, которые были непонятны в этом.

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

      Мне тоже нравится его подача :)

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

    Вот такой должен быть урок. Надо пояснить раз каждое слово функции и все

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

      наоборот объяснений минимальное, идёт просто озвучка написанного

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

    Комент для продвижения! Спасибо!

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

    видос супер, очень помогло, спасибо

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

    У меня никак не получается запустить приложение..вроде git clone сделал правильно,делаю npm start, а там ошибка missing script start. Что делать, помогитеееее!!!

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

      а где команда npm install?

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

    Самый информативный видос и сотни мною просмотренных!))))

  • @user-bh2qf9qp4s
    @user-bh2qf9qp4s Год назад

    Отличный материал . Было бы круто если бы ты про сагу так же записал

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

    Спасибо за это видео!

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

    спасибо!👍👏

  • @user-lp7uc4yf8w
    @user-lp7uc4yf8w 2 года назад +1

    Класно показав і пояснив. Молодець.

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

    Если при вызове стейта у вас выводится объект Proxy, нужно смотреть здесь: redux-toolkit.js.org/usage/immer-reducers#debugging-and-inspecting-drafted-state
    TLDR:
    import { createSlice, current } from "@reduxjs/toolkit"; // Импортируем current
    console.log(current(state)); // вызываем

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

    thank you my friend, you are super

  • @Virisound
    @Virisound 9 месяцев назад +1

    Упал в ноги и целую пятки))) То есть, такой кайф у этого канала учиться. Автор, очень сконцентриван и когда попадаешь на одну волну, то автор тебя как девочку водит по ромашковым полям))) Сорри за бред, просто уже устал и истерика началась) Спасибо огрооооомнейшее... Какой же крутой это Ледакс тукит))

    • @lets_try_js
      @lets_try_js  9 месяцев назад

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

    • @Virisound
      @Virisound 9 месяцев назад

      @@lets_try_js всё отлично, уже удачно внедрил в проект. С помощью ваших рекомендаций и с доками конечно... Только вроде разницы не заметил, если только метод в reduce (slice) должен возвращать, то есть либо "()", либо "return."

    • @Virisound
      @Virisound 9 месяцев назад

      @@lets_try_js можно ваше мнение, по поводу styled-component, если конечно пользовались. Мне не нравится загромождения компонентами (для стилей). Плюсы есть конечно, но мне кажется классический CSS файл более структурированнее.

    • @lets_try_js
      @lets_try_js  9 месяцев назад +1

      @@Virisound если честно мне не очень в кайф styledComponents, если не использовать тейлвинд который я обожаю, то тогда просто обычные модули
      ( [ component ].module.scss)

    • @Virisound
      @Virisound 9 месяцев назад

      @@lets_try_js значит не я один такой, кому SC не особо зашёл. Спасибо за мнение=)

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

    лучший, спасибо

  • @user-kq3nv5ph6f
    @user-kq3nv5ph6f 11 месяцев назад

    Легенда, спасибо!

    • @lets_try_js
      @lets_try_js  11 месяцев назад

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

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

    Добрый день! Подскажите какой шрифт вы используете в VS Code? Уж больно понравился

  • @coordinata_m
    @coordinata_m 9 месяцев назад

    спасибо)

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

    молодецб очень помог

  • @user-xu7rj3vs4w
    @user-xu7rj3vs4w 2 года назад +1

    Спасибо!

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

      надеюсь помогло)

  • @tontontonic
    @tontontonic 6 месяцев назад

    а если мы креэйтасинксанк назовем точно так же, как редюсер, то можно из креэйтасинксанка возвращать через ретерн значение, которое сразу попадет в редюсер ?

  • @user-vc6mo5nl8g
    @user-vc6mo5nl8g 2 года назад +1

    За это лайк !!!!!!

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

    чотко

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

    хорошо объясняешь👍

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

    за четыре дня выучил наизусть содержимое урока. Теперь я знаю reduxToolKit. Ролик бомба но уже устарела т.к в extraReducers необходимо уже использовать какое то callBack функцию builder. Автор, может в название видео добавить (Не актуально!)?

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

      это не устаревший вариант, это один из)

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

      @@lets_try_js так в консоли пишет что твой вариант уже удален из RTK 2.0 и нужно уже использовать builder callback

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

      @@hookeym7151 хм..протестирую

  • @user-yf2er5vr8q
    @user-yf2er5vr8q Год назад

    super

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

    Хорошая подача материала. Трудности восприяти я связаны с не использованием здесь RTK Query, использованием
    в компонентах напрямую dispatch, acyncThunk, что давно уже может быть скрыто (или уже скрыто) и работает под капотом. Использование продвинутых фич еще в раза три упрощает работу и приравнивает redux-toolkit к другим, упомянутым "стейт-менеджерам", делая его работу предельно простой и прозрачной. К сожалению комплексно все ети новые преимущества сразу еще никто в работе не показал. Например унифицированый хук "dispatch", который позволяет навсегда убрать из компонент dispatch, упростить понимание и економить кучу кода никто не использует.

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

    Классный видос

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

    Лучший!

  • @user-ks5bg9ni4p
    @user-ks5bg9ni4p Год назад

    А как в редакс через метод post добавить значение из инпута?Или так нельзя?

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

    Спасибо за redux toolkit

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

    Подскажите, что лучше использовать с api createAsyncThunk или RTK query?

  • @user-yh5ij6om2c
    @user-yh5ij6om2c 2 года назад

    Офигенная подача, только по поводу екстра редюсеров , обычно диспатчу функцию в функциональном компоненте и не приходиться писать обычные редюсеры , а присвоение пишу в екстра редюсорах

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

    Спасибо за видео, есть вопрос!
    dispatch(createQuizQuestion(questionItem))
    action:
    createQuizQuestion: (state, action) => {
    state.quiz = [...state.quiz, action.item];
    },
    Если передавать в action один аргумент, поймет ли redux что action.payload = action.item по названию ? Я имею ввиду, можно ли называть action."payload" разными именами? И правильно ли переписываю данные в состояние quiz если мне нужно развернуть state.quiz?

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

    Спасибо

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

    очень хороший контент , можно больше пободного ? спасибо

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

      сейчас будет выходить большая серия интересных роликов)

  • @user-cw6xh4nv9t
    @user-cw6xh4nv9t 2 года назад +1

    👌

  • @antonvasyukov763
    @antonvasyukov763 11 месяцев назад

    Кажется я понял Redux 😂😂
    Если ты разбирался с Zustand, запишешь видос аналогичный, на таких же примерах? Это было бы очень круто и много кому полезно!)

    • @lets_try_js
      @lets_try_js  11 месяцев назад

      была такая идея, но как-то забросил) но думаю да, когда то будет

    • @antonvasyukov763
      @antonvasyukov763 11 месяцев назад

      Спасибо, буду ждать :)

  • @user-cw6xh4nv9t
    @user-cw6xh4nv9t 2 года назад +1

    💫

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

    А как подписаться на сторе если использовать slice? Как правильно сделать это через subscribe

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

    интересно что redux-toolkit позволяет напрямую менять state не копируя

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

      Под копотом он использует ImmerJs, который копирует вместо тебя

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

    Спасибо за видео! Хотел узнать, правильно ли я понял, что createAsyncThunk по большей части нужен для уменьшения бойлерплейта? Потому что в принципе можно и отдельно экшены прописать для pending, fulfilled, rejected и внутри компонента при запросе выставлять сначала pending, а потом один из оставшихся

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

      это банальное упрощение )

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

    Расскажи пжл какие есть вообще подходы и альтернативы Redux? как на счет mobx? Спасибо за контент!

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

    что думаешь насчет zustand?

  • @user-lp8nd5cf4p
    @user-lp8nd5cf4p Год назад +1

    Бэст гайд эвер))))

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

    Было бы здорово , если бы еще и были пояснения того или иного действия, вместо просто озвучивания действия.

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

    👍👍👍👍👍