Вообще, конечно Дмитрий ты молодец, сказать спасибо за уроки это самое малое, как можно тебя отблагодарить. Урок про подключение redux== просто замечательный, правда в 2022 году импортируем import {combineReducers, legacy_createStore as createStore} from "redux"; createStore иначе, но это фигня. Спасибо все разобрано, понято, гоним дальше!
перед просмотром урока прочитал твой коммент, взял на заметку. Во время кодинга ломал голову над ошибкой... Пока не вспомнил про твой коммент! Респект!!!
За 14 лет пользования интернетом, мой первый коммент и лайк на ютубе)) Какой же это ахрененный плей лист. Раньше при изучении новых технологий, тупо переписывал за автором код , а потом долго и упорно пытался понять почему надо делать именно так. Когда первый раз увидел этот плейлист, я немного очконул)) 101 видео , в среднем по пол часа, а мне хочется все изучить за 10, десяти минутных уроков)) Посмотрел несколько уроков и залип)) Если бы мне в школе так все объясняли, я точно бы закончил с золотой медалью, а если бы и в институте, то точно бы меня не выгнали из трех))) В общем это лучшее что может быть, учился в geekbrains веб-разработке, за херову тьму денег, их обучение по сравнению с этим плейлистом, полная срань... Автор, дай бог тебе здоровья, домик в Польше, два красных порше)))
Смотря с высоты 5 недели, Дмитрий - это талантливый преподаватель, потому что вести так плавно и объяснять шаг за шагом - это не каждый сможет(это ведь нужно было посидеть, придумать, какой план уроков, потом это вывести на презентацию, потом записать видос, смонтировать - титанический труд) - и залить бесплатно, вообще нет слов! Кто смотрит первый раз - не расстраивайтесь, если что-то не получается или не работает, попробуйте еще раз, откатитесь на пару видосов - это нормально(возможно версии пакетов могут не совпадать с теми, которые используются сейчас, ведь при установке в настоящий момент чего либо, устанавливается последняя версия) За себя могу сказать, что более детально понимается архитектура и как что работает. И почему Дмитрий ведет именно таким путем(сделайте так, потом нет, удаляем, редактируем) - просто нужно довериться и идти шаг за шагов, видео за видео. А тем временем уже 42% из 100%)) Когда строят дома - фундамент ведь заливают на века, а конструкцию можно обновить сколько хочешь - так и с этими выпусками. Берет немного "позитивная" зависть от того, сколько же у Вас энергии, и Вы не жалеете её, отдаете частичку себя в эти выпуски, мотивируя нас зрителей.
октябрь 2022 есть изменения в редаксе 1) import {combineReducers, legacy_createStore as createStore} from "redux"; 2) Если у вас белый экран, не волнуйтесь. Проделайте все то, что сделал Димыч, под конец видео ошибка исправится
Спасибо, помогло. На счет второго пункта, у меня чуть чуть отличались ключевые вещи от того что в видосе (названия, передачи аргументов) и из-за этого пришлось насидится чтобы решить проблемы. Зато лучше вник)
Божечки, насколько удобнее все стало. Осталось набить руку и параллельно добавлять свои фишки, чтобы не повторять за автором. У меня код отличается, и я дизайн немного добавил :) Спасибо за урок
После этого урока нечего не понял и даже в голове все перемешалась, после 3-х просмотров всё стало на свои места так сказать по полочкам. И теперь круто когда через Redux что-то делаешь и ты знаешь что именно он делает под "капотом", прям крутяк. Правда не понятно как строить (контролировать) структуру внутри _state, но думаю дальше всё станет еще понятнее. Спасибо тебе Димыч, очень крутой курс.
Димыч, огромное спасибо, для меня твой курс был очень интересен и важен для постепенного погружения в React!!! Именно такие редкие подходы к обучению помогают начинающим разобраться и выработать интерес к программированию, нежели сухая информация, продолжай в том же духе, мы тебя с удовольствием смотрим и учимся. Также рекомендую выложить web-кошельки, в случае если кто-то захочет отблагодарить после трудоустройства, как минимум я из таких)
Итак, пишу для тех, у кого НЕ работает, прошел ряд обновлений, теперь все выглядит немного иначе, я сам просидел дня два, чтобы сделать: --- 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. Радуйтесь))) и все норм, это не вы тупые, а штука сложная, без гугления ошибок и комментов не сделать (я сам смотрел комменты)
У меня проблема окозалось в 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; }
Ответственный момент) Именно Дима сделал его ответственным, в остальных уроках "за час" принимаешь как должное и запоминаешь правила, и только на таких курсах понимаешь всю мощь подключенных инструментов
Вебшторм ругается на createStore , но все же продолжает работать. Уже есть другие, более современные команды (нужно изучать). По началу не запустилось. Прогулка на свежем воздухе здорово запускает процесс поиска багов. Как оказалось, на входе app state был не полон, у меня уже были добавлены друзья ранее в самодельный state, а это поле я в initialState для sidebarReducer не добавил. Был красивый чистый пустой экран. После добавления, все заработало. Респект Димыч!
господи, я сделал это! спасибо, как же я рад) часа три сидел пытался понять почему не работает , оказывается редьюсеры возвращают объекты со своими именами, поэтому в пропсы у меня приходил undefined , как же я рад чторазобрался с этим, спасибо за урок!)
у меня не работало пока я не понял что из redux-store возвращается state с постами и диалогами под новыми именами свойств объекта - profilePage и dialogsPage. у меня в пропсах были прописанные другие объекты когда мы работали с своим store. Это круто что Димыч сначала рассказал как работает редакс внутри "за кулисами" перед тем как подключить редакс. Огромный лайк!
Димыч! Никто из просмотренных мной видео, даже не объяснял как использовать debugger! Ты "разжевал " базовые вещи и теперь многое стало понятнее! Все преподают "высшую математику", а таблицу умножения проходят мимо!
Кабзда просто. После таких нововведений всё в тартарары полетело. Из-за того, что я там всяких штучек понакрутил уже, у меня многое в коде отличается. Пол дня сидел дебажил, матерился, переделывал и прикручивал костыли. В общем, было очень интересно, погнали дальше :)))
От этого урока моему мозгу стало больно второй раз за курс, потому что после внедрения редакса у меня полетели пропсы, а следовательно и отображение компонент. Но в итоге я допёр и сам исправил пути, чтобы всё заработало Очень круто объясняешь!
Спасибо за "Путь Самурая" - это просто находка для начинающих программистов! Добра тебе и твоей семье и родным и близким и успехов во всех твоих делах!
9:30 - Димыч, твои слова здесь прозвучали пророчески. Все именно так, пол года назад я проходил этот урок, а четкое понимание того как работает редакс приходит только сейчас, когда смотрю на этот файл store. Кайф
Третий раз пересматриваю, и только сейчас понял что происходит. Чуваки, кто не может сразу все в кучу собрать, не бойтесь и долбите ещё раз. Момент осознания когда улыбка на все лицо и возглас: -"ааааа вот оно что", стоит потраченных усилий)
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, то нужно скопировать без названия раздела.
Ооочень мне понравился переход от нашего store к redux оказалось так легко И действительно начинаешь понимать зачем мы с Димычем создавали свой псевдо redux, а не бомбили сразу с него. Супер классные уроки. Спасибо тебе Димыч
Когда прокидывали в пропсы посты и диалоги я подумал, дай ка я ещё заполню News и Music, для набития руки))) сейчас это сыграл сначала злую шутку что всё упало, но зато появилась возможность набить руку и потренироваться на редьюссерах и редаксе) всё огонь!
@@_e_mask , фиг там, вакансии где нужен только реакт раз в полгода попадаются, во Львове по крайней мере, везде надо либо 2+ опыта работы либо бэкенд в придачу, сейчас буду нод.дж ещё учить😔
@@_e_mask Спасибо) В линкеде только рекрутеров добавлял а так ищу на rabota.ua и dou, имхо самый короткий путь в IT ето тестирование, а оттуда уже куда глаза глядят 😐
три вечера после работы убил, что б ошибку отловить у себя в коде. Вроде ляща бы мне за невнимательность, но какой кайф от того, что дебагером пользоваться научился. Еще раз спасибо за курс!!!
Ребята, быстро учим React/Redux, устраиваемся на работу и проявляем наши амбиции потому как по прогнозам Димыча через 50 лет мы все умрем, надо успеть!!! :)
По сути он прав, я сам честно сказать жду этого питаемся всяким говном, живём в атмсофере где вся таблица менделеева так ещё и овер дОХУИЩА всяких болезней которые только увеличиваются кароче я буду только рад если людской род сдохнет
@@dimabeelan7309 Ви такі смішні)) Кількість хвороб збільшується?) Ну є різниця між тим, що не діагностувалось раніше і тим , що зараз є можливість це робити. Раніше помер= на все боля боже, а зараз визначать: інфаркт, інсульт , онко. Люди живуть не 25 років, як раніше а 60 в середняку. Я відкрию секрет ви самі являєте таблицю Мєнділєєва, весь всесвіт з неї складається. А по факту всесвіту пофіг чи засрана планета чи ні, як і планеті, ми просто вошки на тілі гігантської глиби яка парить по безкінечній матерії в якій ні сенсу ні великого задуму, просто простір) Хоча якщо так сильно лякає все навколо то можна не очікувати на фініш всього, а ускорити свій уход)))
Оставлю запись для будущих поколений в 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 Мутации и будут вызываться так как работаем напрямую с массивом, дальше об этом расскажут, по поводу ошибки Redux можешь пока не париться, если все работает
Димыч ты просто гений, я немного не понял что ты говоришь, полез читать доку по redux, а там в описании стандартных методов redux то, что мы руками написали, ты не просто показал чт такое redux, но и тайком заставил нас написать методы redux, чтобы понять его изнутри, огромнеший респект тебе за такую работу :)
Просмотрел и параллельно делал все шаги, что Димыч говорил. Дошел до 42 урока. Уже как 2 недели подавал резюме на трейни вакансии Front-End Dev. Подал примерно 7-10, [для части из них делал тестовые] и сегодня взяли в одну из компаний. Стажировка начнется через неделю/две, и по идее продлится 2-3 месяца с последующим трудоустройством. Димыч, спасибо тебе большое. Меня четко спрашивали про редакс архитектуру и компоненты. [dispatch -> action -> reducers]. Ключевым фактором в мою пользу стало то, что я готов бесплатно учиться/работать, пока не начну приносить пользу компании. [прямо так и указал в резюме]. Меня подстрахуют родители на это время. Ребята, долбите, пока не получится. А оно получится 100%.
@@sherhun6754 до этого создавал сайты на Вордпрес на любительском уровне. Но те знания не спрашивали, чисто галочка. Да оно особо и не нужно. Разве что php для backend.
Димыч до сих пор лайкает здесь комменты? не поверю пока что он не лайкнет этот коммент. кстати, спасибо за данный курс! в 2022 году до сих пор пользуются твоими уроками, хоть и некоторые вещи уже устарели, но самое главное остается на веки! спасибо еще раз)
Каждый раз восхищаюсь, как можно так подробно и понятно объяснять.Просто пушка ваши уроки.Летим дальше. А песенка про старинного друга Redux в начале крутая🤣
у меня после redux была такая проблема: Uncaught TypeError: Cannot read properties of undefined (reading 'type') at profilePageReducer Т.е profilePageReducer и dialogPageReducer были undefind судя по debugger. Потом вижу что у Димыча в этих редьюсерах параметры прописаны так что первым идет state потом action. А у меня первым написал action, потом state из-за этого у меня приложение вообще не грузилось, а до redux работало прекрасно. У кого такая проблема, просто переставьте местами эти 2 параметра в редьюсерах
Дима, благородный проект для людей сделал, поэтому во время рекламы стараюсь писать код, а рекламу "не пропускать," пускай Диме упадет "копейка" за хорошее дело))
К концу урока все рендерилось кроме диалогов. Перепроверила код с дебагером: причина была в банальной опечатке названия 1 свойства в combineReducers)) - не будьте как я - будьте внимательны, котики😺
Дима, спасибо большое за отличные уроки! У меня вопрос: 1. Мы отключились от нашего созданного store и подтянули Redux 2. Но при этом в нашем store мы использовали dispatch(action) С использованием Redux - мы не где не использовали dispatch и при этом мы в App => Profile компоненте его передаем Прошу объясни - как так/почему? (в Redux dispatch - нет , но все ок работает) Буду благодарен за ответ! Разбираемся/ топим дальше!
Спасибо, на сегодня хватит, завтра продолжу с конспектирования, повторного просмотра некоторых моментов и кодинга) P.S. Дополняю коммент, не смог спокойно уснуть, вернулся и разобрался во всем, теперь со спокойной душой пошел спать ))))
Классно когда все получается. Стараюсь смотреть пока не пойму, потом повторять по памяти и заглядывать если что то не помню. Спасибо, за такие эмоции счастья от изучения.
Свершилось!))) Redux - знать буду круто))) 04. 2024 - видео актуально по сей день
Вообще, конечно Дмитрий ты молодец, сказать спасибо за уроки это самое малое, как можно тебя отблагодарить. Урок про подключение redux== просто замечательный, правда в 2022 году импортируем import {combineReducers, legacy_createStore as createStore} from "redux"; createStore иначе, но это фигня. Спасибо все разобрано, понято, гоним дальше!
Спасибо! Все думал, чо оно перечеркивает, но работает )
А зачем в импорте "as createStore"?
перед просмотром урока прочитал твой коммент, взял на заметку. Во время кодинга ломал голову над ошибкой... Пока не вспомнил про твой коммент! Респект!!!
Спасибо тебе добрый человек!
Премного благодарна!!!
у меня почему-то action undefined, не подскажите почему?
За 14 лет пользования интернетом, мой первый коммент и лайк на ютубе))
Какой же это ахрененный плей лист.
Раньше при изучении новых технологий, тупо переписывал за автором код , а потом долго и упорно пытался понять почему надо делать именно так.
Когда первый раз увидел этот плейлист, я немного очконул)) 101 видео , в среднем по пол часа, а мне хочется все изучить за 10, десяти минутных уроков)) Посмотрел несколько уроков и залип)) Если бы мне в школе так все объясняли, я точно бы закончил с золотой медалью, а если бы и в институте, то точно бы меня не выгнали из трех)))
В общем это лучшее что может быть, учился в geekbrains веб-разработке, за херову тьму денег, их обучение по сравнению с этим плейлистом, полная срань...
Автор, дай бог тебе здоровья, домик в Польше, два красных порше)))
ну как успехи ? получилось устроиться ?
Мне тоже интересно)
Привет.У тебя есть исходний код за все 40 уроков?
такая же фигня с яндексом
@Юлия Хить привет, часть с бэком еще осталась и диплом)
Смотря с высоты 5 недели, Дмитрий - это талантливый преподаватель, потому что вести так плавно и объяснять шаг за шагом - это не каждый сможет(это ведь нужно было посидеть, придумать, какой план уроков, потом это вывести на презентацию, потом записать видос, смонтировать - титанический труд) - и залить бесплатно, вообще нет слов!
Кто смотрит первый раз - не расстраивайтесь, если что-то не получается или не работает, попробуйте еще раз, откатитесь на пару видосов - это нормально(возможно версии пакетов могут не совпадать с теми, которые используются сейчас, ведь при установке в настоящий момент чего либо, устанавливается последняя версия)
За себя могу сказать, что более детально понимается архитектура и как что работает. И почему Дмитрий ведет именно таким путем(сделайте так, потом нет, удаляем, редактируем) - просто нужно довериться и идти шаг за шагов, видео за видео. А тем временем уже 42% из 100%))
Когда строят дома - фундамент ведь заливают на века, а конструкцию можно обновить сколько хочешь - так и с этими выпусками.
Берет немного "позитивная" зависть от того, сколько же у Вас энергии, и Вы не жалеете её, отдаете частичку себя в эти выпуски, мотивируя нас зрителей.
🤝❤️
октябрь 2022
есть изменения в редаксе
1) import {combineReducers, legacy_createStore as createStore} from "redux";
2) Если у вас белый экран, не волнуйтесь. Проделайте все то, что сделал Димыч, под конец видео ошибка исправится
Подскажи пожалуйста, а createStore как-то иначе надо называть, а то веб шторм у меня его зачеркивает, хотя все и так работает?
Хотя, вроде бы и не надо, импортировал, как ты подсказал и все прошло, спасибо))
Спасибо за подсказку. Если что-то не так, обязательно читаю последние комментарии. Все течет - все меняется
Спасибо, помогло. На счет второго пункта, у меня чуть чуть отличались ключевые вещи от того что в видосе (названия, передачи аргументов) и из-за этого пришлось насидится чтобы решить проблемы. Зато лучше вник)
@@suiqrim у меня такая же проблема была. Натыкал дебаггеров везде где только можно, за полчаса нашёл причину хд
Смотрю и конспектирую - 2 февраля 2021 года!
Отстаю на 8 дней! Удачи!
отстаю на месяц)
28 марта 2021 года
5 апреля, 2021 с вами
13 апреля 2021
Божечки, насколько удобнее все стало. Осталось набить руку и параллельно добавлять свои фишки, чтобы не повторять за автором. У меня код отличается, и я дизайн немного добавил :) Спасибо за урок
После этого урока нечего не понял и даже в голове все перемешалась, после 3-х просмотров всё стало на свои места так сказать по полочкам. И теперь круто когда через Redux что-то делаешь и ты знаешь что именно он делает под "капотом", прям крутяк. Правда не понятно как строить (контролировать) структуру внутри _state, но думаю дальше всё станет еще понятнее. Спасибо тебе Димыч, очень крутой курс.
Димыч, спасибо большое!
Смотрю, учусь!
Димыч, огромное спасибо, для меня твой курс был очень интересен и важен для постепенного погружения в React!!! Именно такие редкие подходы к обучению помогают начинающим разобраться и выработать интерес к программированию, нежели сухая информация, продолжай в том же духе, мы тебя с удовольствием смотрим и учимся. Также рекомендую выложить web-кошельки, в случае если кто-то захочет отблагодарить после трудоустройства, как минимум я из таких)
🙏
Итак, пишу для тех, у кого НЕ работает, прошел ряд обновлений, теперь все выглядит немного иначе, я сам просидел дня два, чтобы сделать:
---
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. Радуйтесь))) и все норм, это не вы тупые, а штука сложная, без гугления ошибок и комментов не сделать (я сам смотрел комменты)
У меня проблема окозалось в 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;
}
@@Shephord Спасибо огромное!!!
@@Shephord Спасибо, здорово выручил !
@@Shephord спасибо!
Чувак, можешь дать ссылку на гитхаб или нейм свой очень прошу, заранее спасибо
Ахренеть какой замес пошел! Это уже редакс по-взрослому пошел. Лайк, Дима)
УРА!!! Redux!
До этого долгожданного Redux преодолел путь длиной в месяц! Уделял время учебе вечерами после работы.
Смотрю, очень круто розжовиваєш!
Мне 13 лет через полгода уже буду работать на фирме!!!
удачи!
13 леток не берут в офис. Можешь на фриланс пойти
Ответственный момент) Именно Дима сделал его ответственным, в остальных уроках "за час" принимаешь как должное и запоминаешь правила, и только на таких курсах понимаешь всю мощь подключенных инструментов
Дошла до редакса! Горжусь с собой и вам Димыч огромный респект!!!
Огромнейшее спасибо за курс!! Ты помогаешь реализовать мою цель, быть разработчиком!!
По ощущениям произошла какая то магия, надо будет пересматривать этот урок чтобы двигаться дальше
Спасибо!!бесценные уроки!лучшее,что есть на Ютуб!!
Ура, всех поздравляю господа, мы дошли до Redux!) Дима, спасибо!)
Лучшие уроки по React & Redux !!!
The BEST!!! lessons of React & Redux!!!
Programming and Coding!!!
Just about information technology =)
ты че бот что ли одно и тоже как попугай повторяешь
2022. До сих пор очень полезно! Спасибо за курс.
что-то это видео - полный вынес мозга... Боюсь что будет дальше
Я изучаю Путь Самурая уже 3 месяца по 5+ часов в день и только сейчас осознанно дошел до 42 урока. Надеюсь все получится
Так же
Ну как, устроился уже?
как успехи самурай? иду за тобой) на каком уроке уже?
о, это оказывается нормально. я думалю это я двигаюсь медленно
Вебшторм ругается на createStore , но все же продолжает работать. Уже есть другие, более современные команды (нужно изучать). По началу не запустилось. Прогулка на свежем воздухе здорово запускает процесс поиска багов. Как оказалось, на входе app state был не полон, у меня уже были добавлены друзья ранее в самодельный state, а это поле я в initialState для sidebarReducer не добавил. Был красивый чистый пустой экран. После добавления, все заработало. Респект Димыч!
Спасибо тебе огромное за эти уроки)
господи, я сделал это! спасибо, как же я рад) часа три сидел пытался понять почему не работает , оказывается редьюсеры возвращают объекты со своими именами, поэтому в пропсы у меня приходил undefined , как же я рад чторазобрался с этим, спасибо за урок!)
Можешь пожалуйста показать пример как ты это сделал ?
С initialState прям на пальцах объяснил. Вот это сто лайков бы поставил.
Димыч, нет слов! Как всегда, на высоте)
Спасибо, Миша🙏
у меня не работало пока я не понял что из redux-store возвращается state с постами и диалогами под новыми именами свойств объекта - profilePage и dialogsPage. у меня в пропсах были прописанные другие объекты когда мы работали с своим store. Это круто что Димыч сначала рассказал как работает редакс внутри "за кулисами" перед тем как подключить редакс. Огромный лайк!
Привет можешь поподробнее, у меня такая же ошибка
Не подписался - не программист! :)
без знака вопроса другое значение)
тернарник надо 100%!
не подписался? "не программист": "самурай"; :)
Димыч! Никто из просмотренных мной видео, даже не объяснял как использовать debugger! Ты "разжевал " базовые вещи и теперь многое стало понятнее! Все преподают "высшую математику", а таблицу умножения проходят мимо!
Красавчик! Спасибо огромное за твой труд! Смотрю дальше!
Кабзда просто. После таких нововведений всё в тартарары полетело. Из-за того, что я там всяких штучек понакрутил уже, у меня многое в коде отличается. Пол дня сидел дебажил, матерился, переделывал и прикручивал костыли. В общем, было очень интересно, погнали дальше :)))
Пока не дойдете до 150-го урока store не удаляйте😄
Тот самый момент, когда спустя 3 года вышло только ~130 уроков
@@q1zin значит все равно оставляем!)
От этого урока моему мозгу стало больно второй раз за курс, потому что после внедрения редакса у меня полетели пропсы, а следовательно и отображение компонент. Но в итоге я допёр и сам исправил пути, чтобы всё заработало
Очень круто объясняешь!
Спасибо за "Путь Самурая" - это просто находка для начинающих программистов! Добра тебе и твоей семье и родным и близким и успехов во всех твоих делах!
как проходит обучение? Уже устроился на работу?
@@iffomko обучение идет прекрасно, много нового и интересно узнаю для себя. С работой пока еще не пробовался.
@@Mykhailo_Vdovychenko ты на мидл хочешь выучиться хочешь? Желаю удачи!
@@iffomko Спасибо и Вам успешного обучения и дальнейшего трудоустройства!
Теперь уже устроился?
9:30 - Димыч, твои слова здесь прозвучали пророчески. Все именно так, пол года назад я проходил этот урок, а четкое понимание того как работает редакс приходит только сейчас, когда смотрю на этот файл store. Кайф
Димыч, спасибо. От души за твои старания!
Выпускай чаще видео, пожалуйста
Обнял
Стараюсь, бро!!! Учащаться!!
Спасибо за контент, Дмитрий!
Летим дальше
УРА! Мы пришли к редаксу! Не тормозим и летим дальше :)
Redux!!!
Дякую за урок)
Передивився даний урок 3 раза)
Летимо далі!
Третий раз пересматриваю, и только сейчас понял что происходит. Чуваки, кто не может сразу все в кучу собрать, не бойтесь и долбите ещё раз. Момент осознания когда улыбка на все лицо и возглас: -"ааааа вот оно что", стоит потраченных усилий)
особенно приятно, когда ты пропускаешь день или два и начинаешь забывать ,а тут Димыч помогает и напоминает всё
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, то нужно скопировать без названия раздела.
спасибо. коммент очень помог))
какого раздела?
@@JdIm6fhjLgdWRhn без названия profilePage, messagesPage и sidebar, т.е. только сам объект с данными внутри копируете
Спасибо !!! Помог с ошибкой
@@JdIm6fhjLgdWRhn вов когда победа?
Ооочень мне понравился переход от нашего store к redux оказалось так легко
И действительно начинаешь понимать зачем мы с Димычем создавали свой псевдо redux, а не бомбили сразу с него.
Супер классные уроки. Спасибо тебе Димыч
Кайфуешь когда, Димыч разбирает ошибку, а ты уже решил его смотришь и видишь где проблема.
Спасибо за урок. После двух пересмотров с подробным конспектом все усвоено.
Круто! Все сработало с первого раза! Спасибо нашему сенсею за умение рассказать просто о сложном!)
Когда прокидывали в пропсы посты и диалоги я подумал, дай ка я ещё заполню News и Music, для набития руки))) сейчас это сыграл сначала злую шутку что всё упало, но зато появилась возможность набить руку и потренироваться на редьюссерах и редаксе) всё огонь!
Спасибо! Наконец-то Redux!
плюсую, самому за такой контент хочется взять и принести деньги
Спасибо огромное Димыч!! ;) Удачи во всём и много-много здоровья!
Ты год назад писал, какие успехи? Уже работаешь?
@@_e_mask , фиг там, вакансии где нужен только реакт раз в полгода попадаются, во Львове по крайней мере, везде надо либо 2+ опыта работы либо бэкенд в придачу, сейчас буду нод.дж ещё учить😔
@@antonsydorovych1981 Фигово. Ну ты всеровно крут чел, раз уже знаешь реакт. Значит Ноду быстрей выучишь.
@@antonsydorovych1981 Бро а ты вакансии в ЛинкедИне ищешь или как?
@@_e_mask Спасибо) В линкеде только рекрутеров добавлял а так ищу на rabota.ua и dou, имхо самый короткий путь в IT ето тестирование, а оттуда уже куда глаза глядят 😐
нам всем, поголовно, уже осталось ~ 47лет)
Redux! ура! но буду пересматривать ))
Круто, круто, круто! Спасибо =)
три вечера после работы убил, что б ошибку отловить у себя в коде. Вроде ляща бы мне за невнимательность, но какой кайф от того, что дебагером пользоваться научился.
Еще раз спасибо за курс!!!
Спасибо за обратную связь! ✊ пожалуйста! Летим, друзья!
Ребята, быстро учим React/Redux, устраиваемся на работу и проявляем наши амбиции потому как по прогнозам Димыча через 50 лет мы все умрем, надо успеть!!! :)
Как скажешь, Яночка))
по сути, как айти специалисты, многие умрут намного раньше :/
По сути он прав, я сам честно сказать жду этого
питаемся всяким говном, живём в атмсофере где вся таблица менделеева так ещё и овер дОХУИЩА всяких болезней которые только увеличиваются
кароче я буду только рад если людской род сдохнет
@@dimabeelan7309 я тоже, мы только испортили эту планету
@@dimabeelan7309 Ви такі смішні)) Кількість хвороб збільшується?) Ну є різниця між тим, що не діагностувалось раніше і тим , що зараз є можливість це робити. Раніше помер= на все боля боже, а зараз визначать: інфаркт, інсульт , онко. Люди живуть не 25 років, як раніше а 60 в середняку. Я відкрию секрет ви самі являєте таблицю Мєнділєєва, весь всесвіт з неї складається. А по факту всесвіту пофіг чи засрана планета чи ні, як і планеті, ми просто вошки на тілі гігантської глиби яка парить по безкінечній матерії в якій ні сенсу ні великого задуму, просто простір) Хоча якщо так сильно лякає все навколо то можна не очікувати на фініш всього, а ускорити свій уход)))
Радуюсь что все это понимаю. Спасибо что так подробно все объясняешь
Стасян, сейчас я учу react и хочу устроиться на работу во фронт энд! Если ты читаешь этот спустя год, то надеюсь у тебя всё получилось! Удачи
@@leonidzaviriukha4829 год же еще не прошёл)
@@barz1997 он сам себе написал, тип сообщение из прошлого
@@Гидра-д6ю я другому человеку ответил )
Он у Стаса спрашивал, устроился ли он )
10 месяцев Стасян, времени вагон был)
Стасян, как дела, братишка?
Типизация:
export type AppRootStateType = ReturnType
export type StoreType = typeof store
Когда будет продолжение?? Очень хочу учиться!!!!
Оставлю запись для будущих поколений в 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
Бро, а как ты заставил его ререндить ? У меня вылетает ошибка Error: Invariant failed: A state mutation was detected inside a dispatch, in the path:
@@EgorPomidorov Мутации и будут вызываться так как работаем напрямую с массивом, дальше об этом расскажут, по поводу ошибки Redux можешь пока не париться, если все работает
@@EgorPomidorov На 47 уроке будет фикс, там уже можно будет и сами профили редьюсеров переписать под Redux Toolkit
Димыч ты просто гений, я немного не понял что ты говоришь, полез читать доку по redux, а там в описании стандартных методов redux то, что мы руками написали, ты не просто показал чт такое redux, но и тайком заставил нас написать методы redux, чтобы понять его изнутри, огромнеший респект тебе за такую работу :)
я уже 2 месяца учу, 3 раза пересматривал, и все равно еле понимаю что здесь происходит. Даже мысли не было что дальше будет легко
После некоторого перерыва вернулся к урокам. Буду продолжать смотреть по вечерам. Спасибо!
Просмотрел и параллельно делал все шаги, что Димыч говорил. Дошел до 42 урока. Уже как 2 недели подавал резюме на трейни вакансии Front-End Dev. Подал примерно 7-10, [для части из них делал тестовые] и сегодня взяли в одну из компаний. Стажировка начнется через неделю/две, и по идее продлится 2-3 месяца с последующим трудоустройством.
Димыч, спасибо тебе большое. Меня четко спрашивали про редакс архитектуру и компоненты. [dispatch -> action -> reducers]. Ключевым фактором в мою пользу стало то, что я готов бесплатно учиться/работать, пока не начну приносить пользу компании. [прямо так и указал в резюме]. Меня подстрахуют родители на это время.
Ребята, долбите, пока не получится. А оно получится 100%.
поздравляю! а вокруг вой стоит что редакс уже устарел и надо mobx
@@super_snejinka спасибо, я думаю дело в понимании принципов, а технологии потянутся сами
Спасибо большое что поделился, а то все молчат и не ясно что там да как на выходе. Вcего хорошего!
ты резюме подавал со знаниями с 42 уроков? или еще есть опыт?
@@sherhun6754 до этого создавал сайты на Вордпрес на любительском уровне. Но те знания не спрашивали, чисто галочка. Да оно особо и не нужно. Разве что php для backend.
Все понятно, но уже есть риск начать запутываться. Нужно уже переходить в очень внимательный режим. Супер курс!
Смотрю и конспектирую. 20 января 2022года
Заработало!!!! Оказывается я не добавил масив с имена друзей, спасибо большое! Дебагер мощь.
Спасибо за урок !)
пилю по твоему курсу себе приложение для тренировок, актуально даже в 2022 году , с небольшими изменениями. Спасибо за офигительный курс)
Спасибо! Лайк = полетел дальше :)
Большое реактивное спасибо, Димыч!
Тот редкий случай, когда хочется продолжать учить, но уже поздно и завтра на работу...
Димыч, спасибо! Летим дальше!
Димыч до сих пор лайкает здесь комменты? не поверю пока что он не лайкнет этот коммент. кстати, спасибо за данный курс! в 2022 году до сих пор пользуются твоими уроками, хоть и некоторые вещи уже устарели, но самое главное остается на веки! спасибо еще раз)
😀😀
Включил напоминалку. Надеюсь к вечеру осилю предыдущие 10 видео
к вечеру))) как я ошибался... неделя!!!!
Ждем еще уроков!)
Скоро-скоро!!!
Каждый раз восхищаюсь, как можно так подробно и понятно объяснять.Просто пушка ваши уроки.Летим дальше. А песенка про старинного друга Redux в начале крутая🤣
у меня не работало пока я не передал в скобках
let reducers = combineReducers({
});
let store = createStore(reducers);
не знаю может кому пригодится
привіт. як успіхи з вивченням реакту через рік?
@@mtrots1238 привіт) зараз працюю більше з версткою і vie.is , але уроки допомогли ввійти в it
@@nazaroharyshev4546 спасибо)
Спасибо
Спасибо! Это то что я искал в комментах =) Поправил у себя, заработало!
за отсылочку к "как я встретил вашу маму" отдельное уважение, Димыч :D
у меня после redux была такая проблема:
Uncaught TypeError: Cannot read properties of undefined (reading 'type')
at profilePageReducer
Т.е profilePageReducer и dialogPageReducer были undefind судя по debugger. Потом вижу что у Димыча в этих редьюсерах параметры прописаны так что первым идет state потом action. А у меня первым написал action, потом state из-за этого у меня приложение вообще не грузилось, а до redux работало прекрасно. У кого такая проблема, просто переставьте местами эти 2 параметра в редьюсерах
Спасибо Брат !!! :) Помог. Едем дальше :)
Дима, благородный проект для людей сделал, поэтому во время рекламы стараюсь писать код, а рекламу "не пропускать," пускай Диме упадет "копейка" за хорошее дело))
круто. очень понравилось! когда планируете продолжение?
В понедельник будет новая серия!!
в какой именно понедельник?
@@АртёмФадеев-я6у сорри... как-то делами меня студенты и жизнь закидала!!! Но я здесь! Вот-вот буду взрывать!
Шикарный курс благодаря ему начал понимать реакт и делать собственный блог, для практики и лучшего понимания реакта прекрасный курс!!!
Блин не пойму , у меня теперь state в profile undefined , пробовал дебажить , но не понял ((
store раз 3 раза написал по памяти! Думаю пойму что такое redux
нужно не по памяти писать, а по логике, я месяц короной болел, Решил начать заново, и писал его не вспоминая, я думая как решить то или то
Спасибо! Спасибо! Спасибо!.... Все очень дохочиво, понятно, а когда дебажим ошибки - это вообще круто)))))
К концу урока все рендерилось кроме диалогов. Перепроверила код с дебагером: причина была в банальной опечатке названия 1 свойства в combineReducers)) - не будьте как я - будьте внимательны, котики😺
Мило
На ту же удочку попалась, хорошо твой комент увидела - пошла проверитью Спасибо))
Дима ты красавчик ! спасибо за труд, лайк влепил на каждом ролике
у меня всё полетело к чертям... что валера, что саня проблему найти не смогли....ЕШКИН КОТ (((( АААААААА
У меня пишит что creatStore не экспортируется redux
У меня ругался sidebar на пустой initialState, хотя тот был не пустой. Потом понял, что в теле функции забыл написать return state;
@@АзимАзимов-ч1й Create******* а не Creat
разрешили проблему?
Поставил себе челендж - пройти "Путь самурая 1.0 " не больше чем за 2 недели. Начал 1 ноября. 42 урок - полёт нормальный. Спасибо за труд, Димыч!
Дима, спасибо большое за отличные уроки! У меня вопрос:
1. Мы отключились от нашего созданного store и подтянули Redux
2. Но при этом в нашем store мы использовали dispatch(action)
С использованием Redux - мы не где не использовали dispatch и при этом мы в App => Profile компоненте его передаем
Прошу объясни - как так/почему? (в Redux dispatch - нет , но все ок работает)
Буду благодарен за ответ!
Разбираемся/ топим дальше!
редакс по умолчанию делает диспатч кторый принимает екшн
Спасибо, на сегодня хватит, завтра продолжу с конспектирования, повторного просмотра некоторых моментов и кодинга)
P.S. Дополняю коммент, не смог спокойно уснуть, вернулся и разобрался во всем, теперь со спокойной душой пошел спать ))))
Ну как, устроился уже?
Тяжко после НГ учить Реакт. Все из головы повылетало(((
еще тяжелей только если после mobX, который после НГ xD
Классно когда все получается. Стараюсь смотреть пока не пойму, потом повторять по памяти и заглядывать если что то не помню. Спасибо, за такие эмоции счастья от изучения.
осталось 47 лет😱🤣
Респект и благодарность! Продолжаем
у меня в index.js на 13 строке такой код
и ошибки не было
Оч. круто!!! Теперь понятно, как этот redux работает!!! Даже есть мысли по поводу того, как работает middleware...