Исходники тут: t.me/js_by_vladilen/155 Эксклюзивный контент на моем Boosty: boosty.to/vladilen

Ставьте плюсы если хотите увидеть, как редакс применять в React, Angular и других фреймворках. Напиши, в каком хочешь)

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

42:05 вот это поворот, такой наглядный пример реально сразу все по полочкам разложил, шикарное видео, еще пока в процессе

21:00 - свой redux 42:00 - redux библиотека 49:00 - redux thunk (async button) 59:30 - сменить тему

1.13.20 Владилен наканец-то поставил ; я думал что никогда это не увижу...

Как же вовремя. Большое спасибо! Как раз захотел изучить эту технологию

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

Должен сказать, спикер хорош, за видео спасибо, объяснил как всё работает понятно и на пальцах. Но технология выглядит как редкостная дичь, и не понятно зачем именно всё это. Если всё настолько сложно в таком простом приложении, в большом проекте наверное нереально будет найти все зависимости между файлами даже для самого простой функциональности. было: - 1 файл - 37 строк - время написания готового решения ~13 минут стало: - 4 файла - 130 строк - 3 библиотеки - расширение для браузера - время написания готового решения ~50 минут ухудшилась читаемость кода, увеличился объём кода раньше чтобы добавить код, просто добавлял код в компонент теперь: 1) добавить новый type в types 2) импортировать новый type в actions 3) добавить новый action 4) импортировать новый type в reducer 5) добавить код в reducer (собсно чего мы и добивались) 6) импортировать новый action в компонент 7) добавить вызов нового reducer через action из плюсов: 1) код теперь выглядит так как сказал какой-то умный тип из фейсбука 2) у нас есть расширение, в котором мы можем следить за стейтом

"Состояние - это то, что пропало" - наиболее простое и гениальное определение состояния в интернете имхо)

Гайд по редаксу Любой другой: Ну редакс это ..... Владилен: Сейчас я покажу как написать свой редакс

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

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

Бро уважаю твой труд✊. Спасибо большое 🤘✌️ Ждём новых видосов.Лови мой Царьски лайк 🔥💪

Большое спасибо за ролик, оказалось куда проще, чем я думал.

Огромное спасибо, добрый Человек!:) Наконец то я разобрался в редаксе)))

Долго не мог понять как он работает, учу его уже 2 дня) А теперь понятно стало всё! Спасибо большое автору! Теперь осталось только с сагами разобраться))

Спасибо! Хотелось бы увидеть Redux в связке с React, Angular, Vue.

Спасибо! Вроде много просмотрено и изучено, но ваш контент всегда приятно посмотреть! Гарантированно можно встретить что-то новое, либо другой взгляд на некоторые вещи... короче благодарю за актуальный контент!

Прекрасный курс. Приятно, что все идет в формате "Проблема -> Решение"

Посмотрел видео Владилена и внезапно чётко осознал, что такое redux и как его юзать. Перед этим, конечно, просмотрел 70 роликов курса "React - путь самурая" от Димыча и прочитал книгу "React в действии". Этот же шедевральный ролик систематизировал знания, так сказать зашлифовал. Автору респект!

как же это вовремя, спасибо большое

Классный контент, но балдеть от него начинаешь только выучив базовый ES5, ES6. Хотелось бы, чтобы Вы "запилили" какой-нибудь серьезный проект.

Спасибо,Владилен! Очень доходчиво , информативно и без воды. Оказывается я все делаю правильно))

Урок как всегда на высшем уровне!!! Понятно и доступно. Благодарю!!!

Спасибо за твои tutorial -ы. Благодаря ним знаю Javascript и React

Огромное спасибо за твой труд, Владилен!🔥 От просмотра получил больше пользы чем от 11 лет в школе!🚀🚀🚀 Давай редакс + реакт плиз

Для тех, кто хочет освоить профессию Frontend разработчика за 7 месяцев - bit.ly/3bu7FVD Освоить основы веб-разработки бесплатно. Курс по HTML & CSS - bit.ly/3OtR9Un

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

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

"Все гениальное просто" п.с. особенно в руках у специалиста....

Когда озвучивал содержание. Думал, что будет серия уроков. А тут прям в полтора часа уложился. Превосходно! И спасибо!

Отличный видеоурок, всё чётко и без ошибок: всё реализуется и работает как изложено в видео. Хотя, чтобы хорошенько разобраться, нужно как следует владеть синтаксисом JS. Благодарю за труды!

Было бы здорово сразу увидеть в комплексе связку React + Redux + Typescript + Storybook. За этот урок конечно огромное спасибо!

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

Крутой ролик, всё самое главное расмотренно и продемонстрировано, а самое главное показано как сам Redux реализрван на чистом JS, за что спасибо, так понимать весь концепт гораздо проще. Одним словом, красава)

Классный курс, спасибо! Пользуюсь redux + thunk уже пару лет, но все равно было интересно посмотреть

Владилен, огромная тебе благодарность за столь простое объяснение концепции Redux.

Люблю тебя бро! Спасибо за труды!

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

Наконец-то redux рассматривается отдельно от react, сразу лайк!

Очень круто !!! IT-camasutru пробовал смотреть, но там по redux каша полная. А здесь все по-полочкам. Я бы себе КУЧУ времени сэкономил если бы сразу посмотрел ЭТИ полтора часа !!!

Спасибо огромное! Не передать, насколько понятно и полезно!

+ У Владилена что хорошо, он не только объясняет в теории такие технологии как Redux, Паттерны, например, но также на практике это всё показывает, это прям очень круто, далеко не везде такое есть

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

Я в восторге, большое спасибо за такое понятное и четкое изложение сути редакса! Видео очень помогло в моем обучении ❤️

Гений, Божество, Оракул 21 века Учу реакт и не понимаю, что такое state и с чем его едят. После просмотра 7 минут видео понял зачем это нужно, в голове засуетился рой идей как эти знания можно использовать да и вообще прошло осознание своей тупости, а наступил катарсис прозрения

Владилен, ты мой кумир. Подписался на твой канал и буду смотреть все видео ролики. Ты мастер объяснять!!! Сколько лет работал с редаксом, но вот после твоих объяснений я наконец понял что это такое на самом деле ))))))

Великолепно!!! Браво, автор!!! Спасибо огромное!!!

Спасибо, всё супер как всегда!

Изучаю реакт редакс, и дойдя до редакса очень все запутано , так сложно , вроде понимаешь как сделать но не до конца как будто зачем это всё , но ты своим видео хоть оно и не про реакт , мне так все обрисовал что я тут же разобрался в своем проекте что и как делается и для чего , спасибо тебе огромное за твой труд )

Очень внятно объяснил. Я более 8 лет работаю бекенд разработчиком, но для своего стартапа нужен был фронтенд. Несколько фронтендщиков пытались что-то пилить на реакте, но не особо бы тро получалось. Решил сам углубиться в эту тему, чтобы понять в чём сложность. Пойду ка послушаю ещё про реакт :)

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

спасибо за труды.... очень помогаете в теме просветления )

Очень хорошее повествование. Плавно, по полочкам и в правильном порядке

Без воды и по делу! Спасибо, лайк!

1:07:51 - имхо считывать значение темы из дом элемента немного противоречит общей концепции (а если классы изменятся или тег body больше не будет подвязан на тему), лучше наверное взять значение из стора

После просмотра видео, и после того, как еще раз разобрал все по полочкам возник один вопрос - чем так плох 'vuex' чтобы вместо него применять 'redux'? Постоянно сравнивал их по ходу изучения редакса и для меня 'vuex' это одна монолитная максимально понятная структура с асинхронными операциями в коробке, еще и разбросать его по модулям(для сложных приложений) дело пару часов, при нулевых знаниях, в то время как в редакс все разбросано по компонентам, которые ты все настраиваешь, и собираешь в одно целое, не пойму, чем плох vuex?

Спасибо за видео! Очень хорошо объясняешь, как всегда! Ты в конце видео говорил, что если интересно как взаимодействует redux с фреймами, то пишите в комментарии. Очень интересно посмотреть связку react+redux и redux-подобного vuex с vue! И спасибо огромное за творчество твое и твой канал!

Спасибо! хоть и в платном курсе redux был, с удовольствием посмотрел!

Здоровья вам и вашим близким щастья удачи и денег

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

Спасибо за видео! Angular+Redux Очень бы хотелось увидеть!

Шикарный урок, спасибо. Теперь смотрю все уроки Владилена. Пару замечаний по видео: 1) брать тему из класса HTML - не верно. Нужно было взять из store.getState().theme.value. Ведь это стостояние (Best practices). 2) subscribe должен оставаться вверху файла, до всех других dispatch (внутри event listeners). Иначе они могут пройти до подписки.

57:00 нужно было еще раз вызвать state.getState() после вызова next. Вроде должно было вернуть уже новый стейт

Отличный курс, спасибо)

Офигенно, спасибо!

Очень круто и доступно! Владилен, нет мыслей выпустить видео, как правильно понимать чужой код (допустим большой проект) и уметь правильно читать его?

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

Спасибо! Все круто разложено по полочкам и объяснено простым языком с прозрачными примерами! Респект! Однако одну очень крупную и важную теме все таки обошли, и, как мне кажется, сознательно, что плохо... Redux пропагандирует идею одного store. И в случае site это, возможно и не критично, а может и круто... Но есть SPA, где нужны вложенные store. Разработчики Redux предлагают использовать... селекторы?!. Например, есть страница с таблицей, диаграммой и картой. Пусть таблица будет простой сущностью - массив объектов, атрибуты которого - значение столбцов. Диаграмма состоит из серий. Серия - линейный график. Серия состоит из точек - дата и значение. Карта состоит из слоев. Слой это массив векторных объектов. Объект состоит из свойств и координат. Есть вторая страница с двумя картами, тремя таблицами и четырьмя диаграммами... Между страницами я хотел бы иметь возможность переключаться без перезагрузки данных с сервера)) Логично, что каждую таблицу я хочу рассматривать как store. А так же, введу дополнительного функционала мне нужно рассматривать серии и слои как store. Если список таблиц, диаграмм и карт я представлю как массивы в состоянии приложения, то что делать с их store - сериями и слоями? В классическом Flux центром мира является шина событий. Сторы реагируют на события из шины событий. Да, сделать снимок состояния приложения сложно. Зато сторы не зависимы. Я могу расширять функциональность приложения плагинами. Могу когда угодно добавлять новые обработчики, а не только при создании стора... Поясните, как с помощью Redux решать практические задачи, а не задачи уровня лабораторных работ?

Отличный Контент! Про работу совместно с React js было бы Круто! Спасибо за контент!

Спасибо! Очень полезное видео. Начал понимать как это работает)

Спасибо за сжатую ценную информацию!!! Очень хорошо систематизировано, как всегда!!

Владилен, Спасибо тебе за твою работу!

Абстракций довольно много накручено (не в видео, оно как всегда - на высоте). Правильно ли я понял профит от использования Redux: - единая точка входа с состоянием для компонентов (данные прозрачно разделяются между компонентами, никак не связанными между собой по иерархии); - крайне удобная функция для дебагинга; - ... - все? И еще большой вопрос по поводу подписки на изменение: при изменении counter-а дергается метод, который производит еще и смену темы (и наоборот). То есть изменили в state один жалкий boolean флаг, и из-за этого полезли в дом, даже для тех элементов, которые не менялись. Я понимаю, что есть всякие Virtual DOM-ы, но это в больших фрейморках. Но даже в них все-равно тонна логики в методе подписки будет выполнятся. Или я что-то неправильно понял?

Досмотрел, спасибо большое, я бы тебе 5 колокольчиков бахнул, если бы это было возможно :D

Очень крутой урок! Спасибо))

кайфовые у тебя уроки, спасибо

Спасибо, материал очень полезный!

И речь и материал на уровне. Спасибо!

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

Я так и не понял для чего нужны Middleware. Как-то быстро, Владилен, рассказываешь про это. Понятно, что есть готовые логгеры, но Middleware нужны только для логов или для чего-то еще?

Спасибо за видео!А почему нельзя вместо Redux использовать глобальные переменные? Например задать в главном компоненте несколько переменных, это будет State, а другие компоненты будут их изменять и перерисовывать View.

Спасибо автору, неплохое объяснение!

Здраствуйте, Владилен! У меня вопрос к вам. Зачем вы не используете ; в js?

Спасибо! Было очень интересно и полезно.

Спасибо огромное, шикарный курс!)

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

Большое человеческое за объяснение redux-thunk, да и в целом удачное видео.

Лучший туториал! Хотелось бы в будущем понять как хранить это состояние на бекенде. Простом на node js

Владилен огромное спасибо! Как всегда ставлю лайк перед просмотром. Хотел спросить, есть ли в планах сделать ролики относительно API?

невероятно крутое объяснение! Спасибо!

Молодец. Приятный голос и взгляд на обучение

REDUX + REACT ) Лайк стоит ! )

вместо того, что бы инициализировать subscribers как массив добавлять в него что-то а потом вызывать можно было бы сделать таким образом: там где мы возвращаем методы : subscribe: (callback) => { subscribers = callback } , а в методе dispatch просто вызвать subscribe(). Это вроде как смотрится проще, да и зачем создавать массив в котором всегда будет лежать одна функция? выражаю вам огромную благодарность за видео

Спасибо за видео! А где есть версия кода к концу урока? На гитхабе ветка redux - только начало урока

На твоем канале норм. контент так часто появляется, что возникает вопрос занимаешься ли ты чем-то еще помимо этого?)) в контексте разработки конечно же

Невероятно вовремя. Просто мысли читаешь)

просто скажу в очередной раз спасибо тебе и плюс тебе в карму, мотивируешь стать лучше (прям как Sorax вначале (*_*) )? вроде бы знаком с темой немного, но с удовольствием пересмотрел дабы погрузиться глубже .

Сидел в наушниках и звук такой хороший, я было ощущение, что Владилен рядом сидит