42 - React JS Практика - Redux

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT -INCUBATOR:
Front-end
it-incubator.io/front-end/?ut...
Back-end
it-incubator.io/back-end/?utm...
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_samurai
И вот мы подошли к важному - Redux!!! Наконец-таки! Дальше будем работать в связке React-Redux и оттачивать мастерство. Да, нам ещё предстоит подключение библиотеки react-redux, чтобы можно было забыть про ооп-шный store и использовать библиотеку в более простом варианте! Да, речь про функцию connect! Но это завтрашний день ;)
Удачи, друзья!
Уроки по React JS: • Курс "React JS - путь ...
* Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
* Мы в соц. сетях:
itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
/ it.kamasutra.dimych
#reactJS #практика #примеры #уроки #курс

[@user-dk2hf9ro2z]

Вообще, конечно Дмитрий ты молодец, сказать спасибо за уроки это самое малое, как можно тебя отблагодарить. Урок про подключение redux== просто замечательный, правда в 2022 году импортируем import {combineReducers, legacy_createStore as createStore} from "redux"; createStore иначе, но это фигня. Спасибо все разобрано, понято, гоним дальше!

[@MsThe13th]

Спасибо! Все думал, чо оно перечеркивает, но работает ) А зачем в импорте "as createStore"?

[@user-co7nl8pf4p]

перед просмотром урока прочитал твой коммент, взял на заметку. Во время кодинга ломал голову над ошибкой... Пока не вспомнил про твой коммент! Респект!!!

[@tatikurales9481]

Спасибо тебе добрый человек!

[@Elizabeth_Calmau]

Премного благодарна!!!

[@stalk4736]

у меня почему-то action undefined, не подскажите почему?

[@dimaivanov3069]

За 14 лет пользования интернетом, мой первый коммент и лайк на ютубе)) Какой же это ахрененный плей лист. Раньше при изучении новых технологий, тупо переписывал за автором код , а потом долго и упорно пытался понять почему надо делать именно так. Когда первый раз увидел этот плейлист, я немного очконул)) 101 видео , в среднем по пол часа, а мне хочется все изучить за 10, десяти минутных уроков)) Посмотрел несколько уроков и залип)) Если бы мне в школе так все объясняли, я точно бы закончил с золотой медалью, а если бы и в институте, то точно бы меня не выгнали из трех))) В общем это лучшее что может быть, учился в geekbrains веб-разработке, за херову тьму денег, их обучение по сравнению с этим плейлистом, полная срань... Автор, дай бог тебе здоровья, домик в Польше, два красных порше)))

[@user-mu8by2yg3g]

ну как успехи ? получилось устроиться ?

[@ghost8652]

Мне тоже интересно)

[@markgorbaichuk8290]

Привет.У тебя есть исходний код за все 40 уроков?

[@marina.health]

такая же фигня с яндексом

[@marina.health]

@@user-xt3be2qm8p привет, часть с бэком еще осталась и диплом)

[@stianotesti5721]

Итак, пишу для тех, у кого НЕ работает, прошел ряд обновлений, теперь все выглядит немного иначе, я сам просидел дня два, чтобы сделать: --- 1. CreateStore устарел, об этом подскажет при импорте, оно будет перечеркнуто, нужно сделать install react toolkit, сейчас его используют (как точно пишется загуглите) --- 2. combineReducers делаем также let reducers = combineReducers({...}), потом вместо createStore пишем: let store = configureStore({reducer: reducers})т.к. он подразумевает на вход один уже объединенный reducer как я понял. --- 3. Не забываем передавать подписчику state как в видосе. --- 4. Все-равно не работает, т.к. прошло обновление, теперь нельзя менять объект, который к нам пришел в редьюсере, компилятор ругается, нужно создать копию, простым let newStore = store не отделаться (в js объекты не копируются, в этом случае newStore просто присвоится ссылка на store), нужно создать полный клон, JSONparse для этого лучше не использовать(криво клонируются многие объекты), либо самим делать "глубокое клонирование" рекурсией (смысла в этом нет, да и лень разбираться как), либо использовать structuredClone. Советую этот вариант. let newStore = structuredClone(store), затем все действия производим уже с newStore. Будет работать --- 4.1. У меня в массивах была jsx разметка, когда я присваивал аватарке картинку, типа: (ava: ..). Такие объекты как я понял никто не умеет клонировать, кроме глубокого клонирования наверное, будет ошибка, что элемент не может быть клонирован, поэтому оставляйте ava: 'ссылка', а уже потом при маппинге оборачивайте ссылку в тэг. Некоторые другие элементы тоже могут не клонироваться, у меня не было такого, но такое есть, проверяйте ошибку. --- 5. Радуйтесь))) и все норм, это не вы тупые, а штука сложная, без гугления ошибок и комментов не сделать (я сам смотрел комменты)

[@Shephord]

У меня проблема окозалось в switch и вот как я исправил Ошибка вот такая: Invariant failed: A state mutation was detected inside a dispatch (указывает на то, что вы меняете состояние напрямую, что нарушает принципы Redux.) switch (action.type) { case ADD_POST: let rand = Math.floor(Math.random() * 300); // Random № of likes let newPost = { like: rand, message: state.newPostText, name: "Mops", }; return { ...state, // оператор расширения для создания копий объекта Posts: [...state.Posts, newPost], newPostText: "", }; case UP_DATE_NEW_POST_MESSAGE: return { ...state, newPostText: action.newText, }; default: return state; }

[@NatashaYepanchina]

@@Shephord Спасибо огромное!!!

[@mihamakarevich2591]

@@Shephord Спасибо, здорово выручил !

[@nurgissaadilakyn3890]

октябрь 2022 есть изменения в редаксе 1) import {combineReducers, legacy_createStore as createStore} from "redux"; 2) Если у вас белый экран, не волнуйтесь. Проделайте все то, что сделал Димыч, под конец видео ошибка исправится

[@frostman2368]

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

[@frostman2368]

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

[@IrinaStasuk]

Спасибо за подсказку. Если что-то не так, обязательно читаю последние комментарии. Все течет - все меняется

[@suiqrim]

Спасибо, помогло. На счет второго пункта, у меня чуть чуть отличались ключевые вещи от того что в видосе (названия, передачи аргументов) и из-за этого пришлось насидится чтобы решить проблемы. Зато лучше вник)

[@user-pt5yi8lx4q]

@@suiqrim у меня такая же проблема была. Натыкал дебаггеров везде где только можно, за полчаса нашёл причину хд

[@RUS4HELP]

Смотрю и конспектирую - 2 февраля 2021 года!

[@Evgeny..]

Отстаю на 8 дней! Удачи!

[@alexanderpop3381]

отстаю на месяц)

[@vana__f7570]

28 марта 2021 года

[@bukayosaka6048]

5 апреля, 2021 с вами

[@Vitalion83]

13 апреля 2021

[@mariia6820]

Спасибо!!бесценные уроки!лучшее,что есть на Ютуб!!

[@spacerider9426]

Красавчик! Спасибо огромное за твой труд! Смотрю дальше!

[@sevdev9374]

Спасибо тебе огромное за эти уроки)

[@theWorldIsMultivariate]

Огромнейшее спасибо за курс!! Ты помогаешь реализовать мою цель, быть разработчиком!!

[@slavasemushin]

После некоторого перерыва вернулся к урокам. Буду продолжать смотреть по вечерам. Спасибо!

[@__online7250]

Круто! Все сработало с первого раза! Спасибо нашему сенсею за умение рассказать просто о сложном!)

[@yevhenfodorov121]

18/05/2022 import {combineReducers, legacy_createStore as createStore} from "redux"; import dialogsReducer from './dialogsReducer'; import profileReducer from './profileReducer'; import friendsReducer from './friendsReducer'; let reducers = combineReducers({ messagesPage: dialogsReducer, profilePage: profileReducer, navbar: friendsReducer }); let store = createStore(reducers); export default store; Первое, combineReducers должен собирать именно те названия, которые указаны у вас в store.js (или в state.js если не переименовали), messagesPage, profilePage, navbar, (это у меня так). Второе, когда из store.js копируете данные для initialState, то нужно скопировать без названия раздела.

[@user-so8lm5wr7r]

спасибо. коммент очень помог))

[@JdIm6fhjLgdWRhn]

какого раздела?

[@halinakharlamava478]

@@JdIm6fhjLgdWRhn без названия profilePage, messagesPage и sidebar, т.е. только сам объект с данными внутри копируете

[@andriymykulych9199]

Спасибо !!! Помог с ошибкой

[@dendenowich4199]

@@JdIm6fhjLgdWRhn вов когда победа?

[@user-ro6gg1nu7l]

Смотря с высоты 5 недели, Дмитрий - это талантливый преподаватель, потому что вести так плавно и объяснять шаг за шагом - это не каждый сможет(это ведь нужно было посидеть, придумать, какой план уроков, потом это вывести на презентацию, потом записать видос, смонтировать - титанический труд) - и залить бесплатно, вообще нет слов! Кто смотрит первый раз - не расстраивайтесь, если что-то не получается или не работает, попробуйте еще раз, откатитесь на пару видосов - это нормально(возможно версии пакетов могут не совпадать с теми, которые используются сейчас, ведь при установке в настоящий момент чего либо, устанавливается последняя версия) За себя могу сказать, что более детально понимается архитектура и как что работает. И почему Дмитрий ведет именно таким путем(сделайте так, потом нет, удаляем, редактируем) - просто нужно довериться и идти шаг за шагов, видео за видео. А тем временем уже 42% из 100%)) Когда строят дома - фундамент ведь заливают на века, а конструкцию можно обновить сколько хочешь - так и с этими выпусками. Берет немного "позитивная" зависть от того, сколько же у Вас энергии, и Вы не жалеете её, отдаете частичку себя в эти выпуски, мотивируя нас зрителей.

[@ITKAMASUTRA]

🤝❤️

[@user-im8le2mi2w]

Димыч, спасибо большое! Смотрю, учусь!

[@zaursaidov7121]

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

[@ervinabliamitov2149]

Спасибо за контент, Дмитрий! Летим дальше

[@user-js9pd7cv6g]

2022. До сих пор очень полезно! Спасибо за курс.

[@MrZorg23]

Спасибо! Наконец-то Redux!

[@user-wg1wg7uy3s]

Классно когда все получается. Стараюсь смотреть пока не пойму, потом повторять по памяти и заглядывать если что то не помню. Спасибо, за такие эмоции счастья от изучения.

[@Arthur_Starovoyt]

Радуюсь что все это понимаю. Спасибо что так подробно все объясняешь

[@elenakniazeva5388]

Круто, круто, круто! Спасибо =)

[@vladimirt8871]

После этого урока нечего не понял и даже в голове все перемешалась, после 3-х просмотров всё стало на свои места так сказать по полочкам. И теперь круто когда через Redux что-то делаешь и ты знаешь что именно он делает под "капотом", прям крутяк. Правда не понятно как строить (контролировать) структуру внутри _state, но думаю дальше всё станет еще понятнее. Спасибо тебе Димыч, очень крутой курс.

[@abazunts]

Спасибо. Дождались))

[@user-tf1rn7qq2p]

Большое реактивное спасибо, Димыч!

[@nurgulchoiubekova8969]

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

[@dimalavrenov3916]

Божечки, насколько удобнее все стало. Осталось набить руку и параллельно добавлять свои фишки, чтобы не повторять за автором. У меня код отличается, и я дизайн немного добавил :) Спасибо за урок

[@user-oq6ku8zf4q]

Свершилось!))) Redux - знать буду круто))) 04. 2024 - видео актуально по сей день

[@user-pc9bl7uf1l]

Респект и благодарность! Продолжаем

[@VladiMetallmir]

Димыч, огромное спасибо, для меня твой курс был очень интересен и важен для постепенного погружения в React!!! Именно такие редкие подходы к обучению помогают начинающим разобраться и выработать интерес к программированию, нежели сухая информация, продолжай в том же духе, мы тебя с удовольствием смотрим и учимся. Также рекомендую выложить web-кошельки, в случае если кто-то захочет отблагодарить после трудоустройства, как минимум я из таких)

[@ITKAMASUTRA]

🙏

[@user-pv5is5pz4j]

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

[@ludabur]

Спасибо! Спасибо! Спасибо!.... Все очень дохочиво, понятно, а когда дебажим ошибки - это вообще круто)))))

[@hennadiipetrov1967]

Благодарю, не много не легко, надо пересмотреть)

[@maxk715]

УРА!!! Redux! До этого долгожданного Redux преодолел путь длиной в месяц! Уделял время учебе вечерами после работы.

[@mikhailpodlevskykh8500]

Димыч, нет слов! Как всегда, на высоте)

[@ITKAMASUTRA]

Спасибо, Миша🙏

[@user-ei5zp2qi4j]

Понятно и очень нужно, спасибо

[@mykhailostepanishchev6472]

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

[@user-dn2be9zv2e]

Димыч, спасибо. От души за твои старания! Выпускай чаще видео, пожалуйста Обнял

[@ITKAMASUTRA]

Стараюсь, бро!!! Учащаться!!

[@derrylsshowhh3249]

Димыч,огромное спасибо!!!Ролик пушка просто.Иду по правильному пути.Всем удачи!

[@user-hg6im5cg2i]

Каждый раз восхищаюсь, как можно так подробно и понятно объяснять.Просто пушка ваши уроки.Летим дальше. А песенка про старинного друга Redux в начале крутая🤣

[@denkodatskyi3381]

Лучшие уроки по React & Redux !!! The BEST!!! lessons of React & Redux!!! Programming and Coding!!! Just about information technology =)

[@user-rp8oy2kf5d]

ты че бот что ли одно и тоже как попугай повторяешь

[@almazyakhin7246]

Осилил, иду дальше! Спасибо автору!

[@user-bd4lw9hx3s]

Очень круто! Дмитрий красавчик! Все очень понятно!

[@MikhailKuklenkov]

Ахренеть какой замес пошел! Это уже редакс по-взрослому пошел. Лайк, Дима)

[@ctumyji9737]

Спасибо! Лайк = полетел дальше :)

[@TaganForever]

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

[@user-sg2sx9em5c]

Спасибо за очередной урок!

[@MegaVaNushka]

УРА! Мы пришли к редаксу! Не тормозим и летим дальше :)

[@antonsydorovych1981]

Спасибо огромное Димыч!! ;) Удачи во всём и много-много здоровья!

[@_e_mask]

Ты год назад писал, какие успехи? Уже работаешь?

[@antonsydorovych1981]

@@_e_mask , фиг там, вакансии где нужен только реакт раз в полгода попадаются, во Львове по крайней мере, везде надо либо 2+ опыта работы либо бэкенд в придачу, сейчас буду нод.дж ещё учить😔

[@_e_mask]

@@antonsydorovych1981 Фигово. Ну ты всеровно крут чел, раз уже знаешь реакт. Значит Ноду быстрей выучишь.

[@_e_mask]

@@antonsydorovych1981 Бро а ты вакансии в ЛинкедИне ищешь или как?

[@antonsydorovych1981]

@@_e_mask Спасибо) В линкеде только рекрутеров добавлял а так ищу на rabota.ua и dou, имхо самый короткий путь в IT ето тестирование, а оттуда уже куда глаза глядят 😐

[@Snegurjan]

Спасибо за лучшие уроки по React Redux на youtube

[@demka9796]

Спасибо за твой труд! Смотрю дальше )

[@dmitryloschinin5367]

Ждем еще уроков!)

[@ITKAMASUTRA]

Скоро-скоро!!!

[@crocus161]

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

[@vyacheslavpm3779]

Спасибо! Смотрю дальше

[@marsonleonardovich4036]

Спасибо, всё круто!

[@alexeyilin1527]

Пока не дойдете до 150-го урока store не удаляйте😄

[@q1zin]

Тот самый момент, когда спустя 3 года вышло только ~130 уроков

[@Sidorovich-stalk]

@@q1zin значит все равно оставляем!)

[@mikhailpodlevskykh8500]

Не подписался - не программист! :)

[@sevdev9374]

без знака вопроса другое значение)

[@mikalai_root]

тернарник надо 100%! не подписался? "не программист": "самурай"; :)

[@vitaliidrapaliuk5652]

Спасибо за видосы, очень помагают!

[@sergeyfirsov9100]

Дима ты красавчик ! спасибо за труд, лайк влепил на каждом ролике

[@__maxsoul643]

Спасибо за урок. После двух пересмотров с подробным конспектом все усвоено.

[@drilling_guitar]

Все получается, спасибо. Двигаем дальше 🙂

[@boycovclub]

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

[@Mykhailo_Vdovychenko]

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

[@iffomko]

как проходит обучение? Уже устроился на работу?

[@Mykhailo_Vdovychenko]

@@iffomko обучение идет прекрасно, много нового и интересно узнаю для себя. С работой пока еще не пробовался.

[@iffomko]

@@Mykhailo_Vdovychenko ты на мидл хочешь выучиться хочешь? Желаю удачи!

[@Mykhailo_Vdovychenko]

@@iffomko Спасибо и Вам успешного обучения и дальнейшего трудоустройства!

[@user-gt5ux9cx6p]

Теперь уже устроился?

[@bukayosaka6048]

Третий раз пересматриваю, и только сейчас понял что происходит. Чуваки, кто не может сразу все в кучу собрать, не бойтесь и долбите ещё раз. Момент осознания когда улыбка на все лицо и возглас: -"ааааа вот оно что", стоит потраченных усилий)

[@user-wd3tl2rx9p]

Ура, всех поздравляю господа, мы дошли до Redux!) Дима, спасибо!)

[@user-tr8hr4xm1l]

Крутой урок! Спасибо

[@theoty-js]

Смотрю и конспектирую. 20 января 2022года

[@user-fo1ln3jc4m]

Смотрю, очень круто розжовиваєш! Мне 13 лет через полгода уже буду работать на фирме!!!

[@valentynlugovyi4789]

удачи!

[@haykmxitaryandinamoboks9759]

13 леток не берут в офис. Можешь на фриланс пойти

[@user-gv2dt2dx9f]

Redux!!! Дякую за урок) Передивився даний урок 3 раза) Летимо далі!

[@user-op8wy6uj3p]

пилю по твоему курсу себе приложение для тренировок, актуально даже в 2022 году , с небольшими изменениями. Спасибо за офигительный курс)

[@user-vj7cm6yg2z]

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

[@user-bm4mm7zd4c]

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

[@ole_oli]

Спасибо за крутые уроки!!!

[@user-xg9xm5dx9u]

у кого createStore перечеркивает, используйте legacy_createStore, вышло обновление

[@bormanbormanov3323]

thanks

[@oleksiifedorinov3410]

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

[@user-xg9xm5dx9u]

@@oleksiifedorinov3410 мне vs code сам подсказал, что выражение устарело, не смотрел статьи

[@user-yq4cs2fe3u]

Спасибо большое ), лучший кто объясняет

[@yanamysyk2238]

Ребята, быстро учим React/Redux, устраиваемся на работу и проявляем наши амбиции потому как по прогнозам Димыча через 50 лет мы все умрем, надо успеть!!! :)

[@razlond159]

Как скажешь, Яночка))

[@bohdanzghonnik6504]

по сути, как айти специалисты, многие умрут намного раньше :/

[@dimabeelan7309]

По сути он прав, я сам честно сказать жду этого питаемся всяким говном, живём в атмсофере где вся таблица менделеева так ещё и овер дОХУИЩА всяких болезней которые только увеличиваются кароче я буду только рад если людской род сдохнет

[@user-jw1pc9ls1x]

@@dimabeelan7309 я тоже, мы только испортили эту планету

[@user-glory-of-ukraine]

@@dimabeelan7309 Ви такі смішні)) Кількість хвороб збільшується?) Ну є різниця між тим, що не діагностувалось раніше і тим , що зараз є можливість це робити. Раніше помер= на все боля боже, а зараз визначать: інфаркт, інсульт , онко. Люди живуть не 25 років, як раніше а 60 в середняку. Я відкрию секрет ви самі являєте таблицю Мєнділєєва, весь всесвіт з неї складається. А по факту всесвіту пофіг чи засрана планета чи ні, як і планеті, ми просто вошки на тілі гігантської глиби яка парить по безкінечній матерії в якій ні сенсу ні великого задуму, просто простір) Хоча якщо так сильно лякає все навколо то можна не очікувати на фініш всього, а ускорити свій уход)))

[@winedst5694]

Я изучаю Путь Самурая уже 3 месяца по 5+ часов в день и только сейчас осознанно дошел до 42 урока. Надеюсь все получится

[@Itpedie]

Так же

[@user-gt5ux9cx6p]

Ну как, устроился уже?

[@maksimplysheuski2854]

как успехи самурай? иду за тобой) на каком уроке уже?

[@kaiju668]

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

[@viktorshatalov1920]

как всегда - супер!!!!

[@sandorkligan2208]

Спасибо за твой труд!

[@user-zk5ok6wn2l]

Когда будет продолжение?? Очень хочу учиться!!!!

[@mr.fuchsia]

Стасян, сейчас я учу react и хочу устроиться на работу во фронт энд! Если ты читаешь этот спустя год, то надеюсь у тебя всё получилось! Удачи

[@barz1997]

@@leonidzaviriukha4829 год же еще не прошёл)

[@user-le8zd8gn1t]

@@barz1997 он сам себе написал, тип сообщение из прошлого

[@barz1997]

@@user-le8zd8gn1t я другому человеку ответил ) Он у Стаса спрашивал, устроился ли он )

[@rusfungame]

10 месяцев Стасян, времени вагон был)

[@user-nj6dh2ck2y]

Стасян, как дела, братишка?

[@bublik8961]

Спасибо, смотрю дальше

[@skynet2795]

Все круто! супер курс! Дошли до Редакса WOW!!!! Едим дальше к профссии мечты

[@ivanmaslow2137]

store раз 3 раза написал по памяти! Думаю пойму что такое redux

[@user-jw1pc9ls1x]

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

[@morrozec]

осталось 47 лет😱🤣

[@user-pz6kr7px3i]

Спасибо Димыч) Очень крутой курс) Учусь с удовольствием)

[@feddim9624]

спасибо за уроки! Отлично объясняешь! учу далее!)

[@user-qj2yg1rn3j]

у меня всё полетело к чертям... что валера, что саня проблему найти не смогли....ЕШКИН КОТ (((( АААААААА

[@user-js4il4tp9h]

У меня пишит что creatStore не экспортируется redux

[@antonboyko6489]

У меня ругался sidebar на пустой initialState, хотя тот был не пустой. Потом понял, что в теле функции забыл написать return state;

[@alakvhs9557]

@@user-js4il4tp9h Create******* а не Creat

[@user-zn9gq3qn2s]

разрешили проблему?

[@interpol2138]

Оставлю запись для будущих поколений в 2022году во всю используется Redux Toolkit, для вот этих целей прочтите официальную документацию Redux об этом, все достаточно просто написано. Переписал сам весь код на Redux Toolkit Спасибо отдельное автору, что до этого видео так хорошо разобрал архитектуру Redux!!!! Вот код если кому нужен. Не совершайте моих ошибок в начале и не называете присваивание редюсеров именами переменны в store.js...... //store от redux import {configureStore} from "@reduxjs/toolkit"; import DialogsReducer from "./Reducer/DialogsReducer"; import ProfileReducer from "./Reducer/ProfileReducer"; import SidBarReducer from "./Reducer/SidBarReducer"; //Обратите внимание, что это работает только для одного уровня вложенности. // Если требуются вложенные редукторы, придется вызывать combineReducers() самостоятельно. let store = configureStore({ reducer:{ dialogsPage:DialogsReducer, profilePage:ProfileReducer, sidBarPage:SidBarReducer, } }) export default store

[@EgorPomidorov]

Бро, а как ты заставил его ререндить ? У меня вылетает ошибка Error: Invariant failed: A state mutation was detected inside a dispatch, in the path:

[@interpol2138]

@@EgorPomidorov Мутации и будут вызываться так как работаем напрямую с массивом, дальше об этом расскажут, по поводу ошибки Redux можешь пока не париться, если все работает

[@interpol2138]

@@EgorPomidorov На 47 уроке будет фикс, там уже можно будет и сами профили редьюсеров переписать под Redux Toolkit

[@therescue1879]

я просто устал искать ошибку.....вот что плохо в этом Реакте, что ошибки не всегда вылазиют красным. Вот у меня пустой белый экран, терминал показывает что нет ошибок((( устал дебажить в пустую непонятно где. Подключаю старый стор все работает, подключаю новый - белый экран.....устал

[@user-eo2ti1qz6y]

так ошибки и нет, где-то undefined просто, но тоже уже всё бесит. до этого всё было нормально, нет это поганый редакс всё портит, ничего не работает

[@user-ts3dn9cq9e]

Болдею от курса дальше)

[@sargisgrigoryan704]

Большое спасибо за крутой курс.

[@user-ox4si9xx2x]

К концу урока все рендерилось кроме диалогов. Перепроверила код с дебагером: причина была в банальной опечатке названия 1 свойства в combineReducers)) - не будьте как я - будьте внимательны, котики😺

[@xybabyba]

Мило

[@user-fb7pd8wb1w]

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

[@user-zk5ok6wn2l]

круто. очень понравилось! когда планируете продолжение?

[@ITKAMASUTRA]

В понедельник будет новая серия!!

[@user-yq4dn3gj5p]

в какой именно понедельник?

[@ITKAMASUTRA]

@@user-yq4dn3gj5p сорри... как-то делами меня студенты и жизнь закидала!!! Но я здесь! Вот-вот буду взрывать!

[@slavapush]

Ответственный момент) Именно Дима сделал его ответственным, в остальных уроках "за час" принимаешь как должное и запоминаешь правила, и только на таких курсах понимаешь всю мощь подключенных инструментов

[@over_the_top_404]

Димыч, спасибо! Летим дальше!

[@shalyayura5899]

Дима, спасибо большое за отличные уроки! У меня вопрос: 1. Мы отключились от нашего созданного store и подтянули Redux 2. Но при этом в нашем store мы использовали dispatch(action) С использованием Redux - мы не где не использовали dispatch и при этом мы в App => Profile компоненте его передаем Прошу объясни - как так/почему? (в Redux dispatch - нет , но все ок работает) Буду благодарен за ответ! Разбираемся/ топим дальше!

[@romaniv1437]

редакс по умолчанию делает диспатч кторый принимает екшн

[@YakatoSaku]

у меня после redux была такая проблема: Uncaught TypeError: Cannot read properties of undefined (reading 'type') at profilePageReducer Т.е profilePageReducer и dialogPageReducer были undefind судя по debugger. Потом вижу что у Димыча в этих редьюсерах параметры прописаны так что первым идет state потом action. А у меня первым написал action, потом state из-за этого у меня приложение вообще не грузилось, а до redux работало прекрасно. У кого такая проблема, просто переставьте местами эти 2 параметра в редьюсерах

[@user-pk8pp1oo3u]

Спасибо Брат !!! :) Помог. Едем дальше :)

[@dendenowich4199]

22.7.2022 Спасибо за урок! Восхищаюсь вами!

[@phonkmilf5794]

Димыч ты просто гений, я немного не понял что ты говоришь, полез читать доку по redux, а там в описании стандартных методов redux то, что мы руками написали, ты не просто показал чт такое redux, но и тайком заставил нас написать методы redux, чтобы понять его изнутри, огромнеший респект тебе за такую работу :)

[@Sidorovich-stalk]

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

[@ITKAMASUTRA]

😀😀