Синхронизация Redux и localStorage с redux-persist

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

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

  • @neodinok-it3ym
    @neodinok-it3ym 6 месяцев назад +3

    Самые адекватные уроки по redux без воды, спасибо

  • @ПрилепскийРоман-и9т
    @ПрилепскийРоман-и9т 2 года назад +94

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

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

      +1, уже 3 час разбираюсь как сохранять корзину товаров в локале и взаимодействовать с удалением через toolkit

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

      Присоединяйтесь!!!!!! Можно сказать спасает некоторых людей от суицида!!!

  • @ilysov
    @ilysov Год назад +30

    Как вы приятно все объясняете! "Provider обнимает наше приложение" - растекся в улыбке, как будто меня вместе с приложением обняли))

  • @black_light
    @black_light 6 месяцев назад +1

    Отличный туториал. Спасибо за Ваш труд!

  • @suspenseorigin5542
    @suspenseorigin5542 Год назад +9

    Я смог вникнуть в основы реакт и редакс только благодаря вашим урокам. Спасибо вам большое, Михаил!

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

      Смог настроить whitelist?

  • @katenka_katrusya
    @katenka_katrusya Месяц назад

    невероятно полезное видео! Как раз нужен был persist, спасибо большое

  • @ИгорьГолуб-н6щ
    @ИгорьГолуб-н6щ 2 года назад +4

    Большое спасибо, Михаил. Не могу остановиться смотреть Ваши видео. Все очень доходчиво и понятно.

  • @konglomora3230
    @konglomora3230 2 года назад +12

    Спасибо! Вы оставляете отличное информационное наследие для последующих поколений разработчиков из СНГ.

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

      В мире разработки всё быстро меняется :) может быть основы вёрстки и js меняются несильно в последнее время, остальное в течение двух-трех лет может измениться до неузнаваемости :)

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

      @@mishanep в любом случае 2-3 года хватит чтобы помочь тысячам людей

  • @ПолинаКызылова
    @ПолинаКызылова 6 месяцев назад

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

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

    Михаил, спасибо Вам огромное. До Вашего видео мне приходилось всю логику с localStorage писать в санках (redux-thunk), а тут вот как все просто

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

    Михаил, и снова спасибо) У вас как обычно, потрясающая подача информации. Благодарю за ваши труды👍

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

    Объяснений понятнее ваших я еще не видел, спасибо!

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

    Михаил! Спасибо за ваш труд.
    Я как раз сейчас в поиске своей первой работы и пытаюсь оптимизировать решение Домашних Заданий, что дают на собеседовании. И всё больше сталкиваюсь что Редакс Персист или Редакс Тулкит упрощают жизнь, а на Вашем канале как раз есть все нужные ролики, не затянутые по времени и достаточно подробно разобраны.
    Т.к. в моей стране Джунов не ищут, а все уже должны быть синьорами, приходиться рисовать "виртуальный" опыт. А это несет под собой некоторые сложности в рассказе, а вот после Ваших роликов, рассказывать "как я делал" тот или иной проект, становиться проще)
    Ещё раз спасибо огромное за Труд!!!!!

  • @ВладВ-ш7ы
    @ВладВ-ш7ы Год назад +1

    Супер! Быстро и по делу🤩

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

    Миша, спасибо. Твоё видео помогло мне сделать фичу для тестового, закешировать результаты запроса, очень классно объясняешь! Redux-persist незаменимая штука, теперь не нужно выносить себе мозг с localstorage, потом парсить этот JSON, лукас, подписка и вот это вот всё:)

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

    Миллион лайков вам! Голову сломал по этой теме, ваше видео помогло разобраться:) спасибо вам Михаил!

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

    спасибо, просто спасибо, я уже замучался индусов смотреть на ютубе, пишу приложение на React Native с Redux Toolkit, встала задача сохранять стейт, дошел до Redux Persist, в документации не так сильно разжевано, как у тебя, спасибо еще раз

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

      Тут в видео не разжевано про сохранение стейта в глубину, если у вас есть потребность сохранять Стейт на 3 или больше уровня, то вы можете использовать библу redux-deep-persist
      Это просто надстройка над конфигом обычного redux-persist, очень поможет

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

    Когда я что то не помню всегда вспоминаю тебя :)

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

    Михаил, просто живите вечно!!!)) Спасибо вам за всегда полезную информацию!

  • @UnKnown-ur9fq
    @UnKnown-ur9fq 11 месяцев назад

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

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

    коротко и гениально, спасибо!!
    которій раз убеждаюсь в твоем таланте лекторства)

  • @МаліновськийОлександр

    Спасибо за информацию!
    Будет круто увидить видео об использование с TypeScript

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

    Живи вечно! Здоровья и благополучия тебе, добрый человек!!!

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

      Спасибо =)

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

    Миша какое же ты добро делаешь, ты да же не представляешь!!!!

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

    Спасибо вам большое за ваши видео) Уже не первый раз выручаете

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

    Эх... Если бы моя благодарность знала границы, но она их не знает! :) Спасибо за видео, а то иногда почитаю документацию и ещё некоторые вопросы остаються, потом сижу ломаю голову, что да как, а так посмотрел видео и всё становиться понятно. Благодарю!

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

    Супер. Дякую! Просто! Швидко! Зрозуміло!

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

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

  • @garbagecollector-j1b
    @garbagecollector-j1b 8 месяцев назад

    Низкий поклон тебе! И от души спасибо! Ну как нельза вовремя на это видео попал! Избавил он махинаций с localStorage вручнуе..

  • @СветланаАндреевна-х8р

    Спасибо за такие полезные видео! обязательно ждем новых!

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

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

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

    спасибо за хороший ролик! очень понятно и доходчиво!!

  • @ЛюбовьЛенская-и3ц
    @ЛюбовьЛенская-и3ц 2 года назад

    Делала по Вашему видео туду с Redux Toolkit и по завершению задалась вопросом, как припилять local storage, чтобы после обновления страницы задачи не пропадали. И тут нахожу это видео как ответ на свой вопрос) спасибо за такой глобальный подход!

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

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

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

    Забавно, увидев этот ролик в рекомендациях и прочитав его название я задал себе вопрос "а я вообще знаю, как прикрутить редакс к local storage?" Ответив отрицательно тут же решился на просмотр. Не пожалел ни разу, теперь добавил библу себе в закладки, спасибо!

  • @ВсеволодЗорин-л6н
    @ВсеволодЗорин-л6н 2 года назад

    Благодарю! Добра тебе добрый человек)

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

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

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

    Было бы здорово увидеть еще в связке с TypeScript --- Redux-Persist

  • @MB_Travel
    @MB_Travel 10 месяцев назад

    Крутая штука, спасибо!

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

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

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

    Спасибо за объяснения, помогло!

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

    Оо, крутяк. Очень крутой разбор полезного модуля

  • @bohdan-tolmachov
    @bohdan-tolmachov 2 года назад

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

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

    Благодарю за видео! Полезная штука.

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

    Огромное спасибо за видео! Оказался очень полезным)

  • @ДмитроСіченко
    @ДмитроСіченко 2 года назад

    Спасибо большое , доходчивое объяснения для начинающих)))

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

    Как же вовремя в рекомендации выпало это видео, я как раз ломал голову, как бы мне залить свой стор в Локал сторэдж)
    Ну думаю расслаблю мозг, залипну на 15 минут в ютьюбчик, а тут бац! 👌🏻😁
    Спасибо огромное за информацию 👍🏻

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

    Михаил, спасибо!

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

    Спасибо вам, Михаил ))

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

    Когда-то писал свой велосипед по этой теме через extraReducers. Тоже работало на ура. Но на днях решил провести рефакторинг старого проекта, и ресерчил тему синка с ls. Нашел утром персист) почитал доку и вот... RUclips уже предлагает глянуть видос по теме... Прикольно! Утром прикручу)))

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

    Спасибо вам большое)

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

    Спасибо! Вот единственно чем редакс напрягает, это бесконечное количество дополнительных манипуляций, чтоб подключить что то допом. Можно было в сам тулкит встроить этот персист, и по флагу true его включать...Но нет, надо тащить еще кучу всего))) За ролик отдельная благодарность)

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

      Такая философия реакта... Нихрена не давать из коробки

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

      @@ruslanaliyev3765 да реакт то понятно...вопрос к тулкиту...почему санки засунули к себе, а работу с локальным хранилищм нет)

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

      Может ещё добавят :) thunk тоже не сразу появился)

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

      Я говорю, пока они раздупляться с этим реактом, чтобы он работал нормально без миллиона непонятных библиотек, уже выпустят какой-то другой фреймворк, или весь вэб перейдет куда-то.
      Клепать одно, потом делать другое, но всё равно не доработав до ума - это прям про реакт.

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

    Спасибо, очень полезное видео!

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

    шикарно!

  • @ОльгаДерябина-х3и
    @ОльгаДерябина-х3и 2 года назад

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

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

    Миша - красавчик, как обычно :)
    Я то как-то в петпроекте персистил стор без либы, по гайду Дэна Абрамова :)

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

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

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

    Спасбо, очень usefull :)

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

    Спасибо большое

  • @ИльяБалогланов-в4и

    спасибо друг)))

  • @27sosite73
    @27sosite73 Год назад

    Мішка, дякую

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

    spasibo brat

  • @mi1ami1a32
    @mi1ami1a32 6 дней назад

    Михаил, когда смотрю ваши видео, хочу от вас детей)

  • @БогданМомот-я2ы
    @БогданМомот-я2ы 2 года назад

    Браво

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

    совсем просто, оказывается. А то я мучался с кастомными решениями

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

    круто!

  • @Awe88Some
    @Awe88Some 10 месяцев назад

    2:50 - Михаил, redux произносится как "рИдакс", если говорить конкретно про программирование, либо "ридАкс", если в значении "сокращение", но британское произношение даже в контексте программирования звучит как "ридАкс", но всегда не "рЕдакс"
    вот несколько примеров произношения:
    1. ruclips.net/video/T0elp5K9lLg/видео.html
    2. ruclips.net/video/iXskCHA8QCk/видео.htmlsi=YbCXtGsZz5aHB94g&t=5650
    3. ruclips.net/video/7fdQJ5ry_NI/видео.htmlsi=6GGb44XbKT_clcWl&t=1640
    4. ruclips.net/video/5XntRkFWpuw/видео.htmlsi=nEdDE9oEIGSrn20o&t=307
    5. ruclips.net/video/dfsyABvzpj0/видео.htmlsi=9WMEvnHRyLTH82mC&t=102
    6. ruclips.net/video/4X4tCIJeo8w/видео.htmlsi=tNzxFi7H_FespOJt&t=754

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

    Доделал до конца

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

    дякую

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

    Спасибо Михаил, попробуйте сделать на реакте Google keep, думаю будет интересно)

  • @محمدالنجار-ت6ب
    @محمدالنجار-ت6ب 2 года назад

    Nice my friend

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

    @mishanep Хорошее видео! Большое Вам спасибо за ваш труд и потраченное время. Возник небольшой вопрос, возможно есть идея записать такое видео. Как бы Вы настраивали redux на случай когда пользователь залогинен и данные нужно синхронизировать и сохранять в базу и наоборот когда пользователь только зарегистрировался и данные нужно перенести в базу?

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

    Спасибо за видео Михаил! Скажите пожалуйста, планируется ли подобное видео по Redux-Saga?

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

      Пока не планирую. По redux saga есть несколько русскоязычных циклов на других каналах, они актуальные.

  • @Кирилл-ч9л9т
    @Кирилл-ч9л9т Год назад

    Круто! А как это штука будет со Svelte работать?

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

    @mishanep Михаил, а ведь это нормально не знать наизусть как все это пишется, если разбудить в 3 ночи, а просто представлять, что тот или иной функционал существует в принципе и в случае необходимости просто идти вспоминать его, ну или гуглить/стаковерфлоу/спрашивать в группах ? Объем информации же огромен, как это все можно помнить, особенно, если не каждый день это пишешь

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

      Конечно. Многие вещи мы делаем один-два раза при создании проекта. И чаще всего по документации.

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

      да, такой же вопрос возникает

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

    Михаил было ли у вас что redux-persist не сохранял в localstorage? Я использую RTK query, на stack overflow уже смотрел и ничего не помогло, просто пустой массив как на 10:35 в видео, и туда не хочет добавляется ничего

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

      RTK query по своей сути задуман несколько для другого. Стейт-менеджером в данном случае является сервер, а инструменты вроде данного или его аналогов (SWR, react-query) постоянно получают обновления. В том числе распространен паттерн, когда данные инструменты запрашивают обновления, если какое-то время окно с сайтом было неактивно. Я не пробовал хранить данные с rtk query через persist, но, повторюсь, выглядит так, что задумано по-другому.

  • @ПрилепскийРоман-и9т

    Мне особенно сложно даются эти "моменты", вроде того как toolkit дружить с другими библиотеками redux, как его настроить для работы с observable я так и не понял(

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

    Ден Абрамов на своих стримах говорит "Редáкс"

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

    почему то не работает с новым nextjs при обновлении страницы все равно стейты слетают

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

    kruto

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

    у меня *getDefaultMiddleware is not a function* почему?

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

    Hi Mixail. i want to ask a question. how can i write multiple persist? you have one persistconfig and one key but if we want multiple persist?

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

      We can create nested persist. With Redux we always have only one store, it means that on a top level we don't need more than one persist. But, of course, we can nested them if needed.

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

      @@mishanep thats means redux always deploys datas in LocalStorage with 1 key. I get it. Just think we have 2 Slicer, one of them is counter which increase value, second is another process exp save data which we get from fetch. If have 2 slicer i need 2 key, deploy another names in locale

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

      @@alxanbayramov9128 Take a look at this part of the docs github.com/rt2zz/redux-persist#nested-persists Any nested persist has its own config with additional key.

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

      @@mishanep thanks a lot

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

    редУкс, редАкс, госсподи, блин, ааааааааа

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

    redux-persist failed to create sync storage. falling back to noop storage.
    Меня данная ошибка беспокоит, тут нашел решение через noopStorage, но не знаю, насколько это корректное решение. Был бы рад, если отпишитесь по этому поводу

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

      Не сталкивался с такой проблематикой.

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

    у меня ошибка из за TS когда передаю persistor в PersistGate. а как это исправить? памагитеее

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

      В документации redux toolkit есть страница, описывающая как быть с типами при использовании persist.

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

    Либа уже три года не обновлялась. Насколько это критично?

  • @ИгорьМедведев-ы6у
    @ИгорьМедведев-ы6у 11 месяцев назад

    Просто и доступно. спасибо бро )