React и Redux 1. Что это за Redux и зачем он нужен.

[@1981ilyha]

Офигеть! Одно из самых эффективных 13ти минутных учебных видео! Респект, чувак, респект.

[@alexey.justdoit]

наконец-то понятно-нормальное объяснение, большое спасибо!! а продолжение будет? )

[@ecroFeGushKa]

Продолжение: kzbin.info/www/bejne/rau6i3eeZcmIj6c

[@АнтонВасильев-т2я]

Наконец понял в чем суть Redux. Спасибо

[@АлексейМусиенко]

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

[@artem-yw8km]

it is the best explanation of react-redux I ever seen

[@АлександрМерный-м1ч]

это лучшее что я видел из всех видео по редаксу

[@djingrin3834]

Хороший препод! Плюсую

[@АлексейМелентьев-ч3в]

примерно так и понимал, но твоя подача это что-то! Отличные уроки, мужик!

[@superolyaolya7312]

Большое спасибо! Все четко, коротко и понятно. Видео очень понравилось

[@farshatowalex]

Вот эт я понимаю урок! В начале объяснил концепцию, что есть что, зачем оно так. А потом наглядно показал, как это работает. Единственное, что хотелось бы еще увидеть здесь же - общепринятая, негласная структура проекта

[@ecroFeGushKa]

Спасибо. Про структуру проекта и best practices - как раз в следующем видео :)

[@datvu3283]

Настолько классная подача, все чётко и по делу, никакой воды! Пожалуйста, не останавливайся!

[@BagaevRoman]

Отлично все раскидал. Без воды. Супер!

[@yaolegoleynik]

Это лучшие 13 минут в моей жизни... :)))) Шучу конечно но объяснение реально очень понятное - спасибо огромное!

[@ЮраРоршах]

Это лучшие 13 минут в моей жизни))) без шуток

[@vladimirkozak4973]

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

[@preparedmedusa2544]

Очень кратко и доступно, низкий поклон.

[@dimadima9436]

всё четко, без воды, спасибо)))

[@notnamefound]

Очень полезный материал, спасибо автору

[@eugeniadaa]

Спасибо, очень зашло. Удачи автору

[@dispeltr1183]

Пожалуй это лучшее объяснение Redux

[@Albert_Hall]

Премного благодарен! зашло, как к себе домой!)

[@miloman1995s]

от души , помог в более глубоком понимании редьюсеров , и экшенов)) спасибо!

[@maxsiratskiy6720]

За такое видео в карму летит сразу +1000

[@dmytrob.1874]

Супер объяснение, большое спасибо!

[@ismailalekperov6283]

Круто объяснил, как-то сразу в голове улеглось по полкам. Спасибо.

[@ОлегПетров-п4у]

Спасибо за урок! Самое понятное объяснение которое я встречал. Лайк, подписка.

[@Намбаванинзеворлд]

Спасибо за понятное объяснение.

[@crashoverride9681]

Классный урок! Спасибо!

[@noobike7996]

Самое понятное объяснения редакса в интернете

[@misters6451]

Супер!!! Спасибо! ВСё понятно и легко.

[@chillchill5254]

Все очень доходчиво, спасибо!

[@ProWichDoctor]

Обалденное пояснение! 1000 к карме!

[@idelopes9359]

ты афигел? почему только одни видос по redux? вообще годно, очень понравилось, но очень жаль что нету продолжения, очень жаль:(

[@ymrlk]

Крутяк! Спасибо за доходчивость + в карму :)

[@ЕвгенийКузнецов-щ1ю]

наконец то.... наконец то я понял как этот редакс работает

[@d00ublezer00]

Очень плотно и понятно. Нужен полный курс )

[@vitalaskompulat5053]

Крутой чувак! буду рекомендовать твои видео.

[@SergeyYanovskyi]

Спасибо тебе, человечище

[@ecroFeGushKa]

Пожалуйста

[@AR-vg7hm]

Голос местами похож на переводчика фильмов на VHS кассетах. Олдфаги должны помнить...) Кажется Василий Горчаков того легендарного переводчика зовут

[@PutchBes]

тоже об этом задумался когда смотрел. Реал голос для фильмов.

[@Илья-к1к1я]

Очень классное объяснение, лайк!)

[@Anreeewww]

очень хорошо зашел урок. Классно объяснил!

[@CordukTV]

Молодец, хорошо основу задал!

[@АлександрМерный-м1ч]

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

[@OlehLebediev]

Круто объяснил. Все четко и понятно.

[@kogorek1]

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

[@ПавелСедой-р5п]

Супер! Очень понравился урок!)

[@smartliga8623]

Очень круто! Молоток

[@crashoverride9681]

Только по Flux схема не совсем верна. Там фишка в том, что Dispatcher регулирует работу подписчиков и данные уходят одновременно через промисы на API и на на Store . Смысл в том, что все крутиться внутри Action (методы) -> Dispatcher (со своими подписчиками) -> Store (состояние объектов) -> View (тут Реакт рисует вьюху) и по кругу назад на Action, поток данных односторонний, а главная фишка в том, что с внешними данными (API) работает только Action и это очень удобно, фронт приложение живет своей жизнью, диспатчер работает со всеми подписчиками и передает им стейт, реакт перерисовывает получая данные из store, а внешние данные не путаются с внутренним состоянием

[@mikhas_ryzomny]

Есть талант на рассказывание!

[@hrantabrahamyan1337]

ты лучший лайк!!!!!

[@Gt-mp5xf]

Зачетный видос, братан ты талантище.

[@evgeny9242]

наконец то я все понял...спасибо огромное

[@МарияСпирит]

Спасибо за прекрасное объяснение!

[@KPEME3]

Хорошо зашло, спасибо

[@RadCor]

Блин, бро. у тебя голос как из озвучки фильмов, ебать прикольно слушать)

[@ДашаАбрамова-ъ2ь]

четко обьяснили

[@TheLevius]

Отлично!

[@victorkapustin629]

отличное видео, одно из моих любимых по redux, респект тебе! у меня возникли пара вопросов: ты говоришь, что в redux состояние можно менять только через action'ы, разве во flux не также или там есть возможность еще как-то это делать? второй вопрос как новичка. не нарушают ли action'ы концепцию one-way-binding ? ведь если что-то меняется во view, создается action, который воздействует на store, то есть view не только зависит от изменений в самом store, но также может менять в нем значения через actions...?

[@ecroFeGushKa]

1. Во flux точно также. Разница flux и redux лишь в том, что в redux используется один Store. 2. Это и есть one-way-binding: дело не в том, что view не должен влиять на store, а дело в том, как он влияет. Суть one-way-binding в том, что вьюха меняет данные не напрямую в хранилище, а посредством событий и reducer'ов. View -> Action -> Reducer -> Store -> View, одна направленность операций. Цепочка действий прозрачна и логируется, ты всегда знаешь, что Store не может поменяться без вызова Action. В two-way-binding текстовое поле бы, например, напрямую бы привязывалось к Store и при вводе текста сразу бы менялись данные в хранилище: получается, что нет контроля над процессом записи данных. Пример из KnockoutJS: данные из поля СРАЗУ попадают в хранилище.

[@victorkapustin629]

благодарю за ответ, теперь все понятно!! А по архитектуре получается, knockout - это MVVM, а redux - MVP ?

[@ecroFeGushKa]

Воспринимайте Реакт как инструмент, который позволяет что-то отрисовать, а Редакс как инструмент, который умеет управлять данными. Остальное - лирика)

[@victorkapustin629]

ок :)

[@АндрейХантя-с3о]

КРАСОТА!) Автор красавчик) а по реакту и саге что то подобное будет?)

[@whoknows921]

Очень понятно, круто)

[@ЮраРоршах]

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

[@alexanderborisov1828]

Напиши уроки по Реакту для Юдими. Куплю курсы. Очень хорошо объясняешь.

[@supfiger]

оч крутая подача!

[@ecroFeGushKa]

Спасибо

[@mrDrStff]

Коротко, ясно и по делу. +5

[@Arjeey]

Батёк, спасибо!

[@denysm.1549]

ауф... Бомба)

[@evgeniyprowork]

спасибо

[@petrvictorovich]

А где должны быть запросы к базе данных в react-redux-приложении? Они же для того и загружаются с сервера, чтобы так или иначе попасть в стейт и в рендер.

[@petrvictorovich]

Если reducer - это уже middleware между action и store, то зачем нужен ещё один middleware, который Middleware?

[@digkillneko]

Круто, молодец!

[@ровойт]

super

[@UlbiTV]

У меня на канале есть пара видео про Redux Toolkit, инструмент упрощающий работу с redux От разработчиков редакса) заходите смотрите)

[@olegvoskovets4309]

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

[@cybersystem5137]

Честно говоря, так и не понял чего там такого сложного произошло в фейсбуке, что они изобрели велосипед. На мой взгляд это очередная лишняя надстройка, нафиг не нужная. Весь плюсь в готовых компонентах и, когда верстка нафиг не нужна, в готовых решениях типа кнопок, календарей и прочего. Но прикол в том, что все это уже существует в виде сверстанных компонентов и даже целый пакетов с готовым JS. И да, я работаю фронтендером на реакт уже 1.5 года и все, что описал - не понимаю до сих пор! Особенно, когда упираешься в какую-то мало мальски серьезную хрень при работе с данными. Для всего, буквально для всего нужен компонент! Без компонентов реакт просто бесполезен! И сколько я в кодинге уже (профессионально, за деньги - совокупно 10 лет почти) никогда не испытывал проблем с интерфейсами ни на больших проектах ни на малых тем более. А все потому что для разбивки проекта на логические составляющие нужна просто голова, а не какие-то модные приблуды. Один ведь хрен, в самом реакте ты сам должен напилить компонентов, которые потом будешь переиспользовать в разных частях проекта. Сам реакт это не делает! И в чем спрашивается разница на чем делать разбивку?! Будет это реакт или это будут просто хтмл-шаблоны, например?!

[@AndroidsReview]

Как это сказывается на производительности что на каждый чих новый стейт выплёвывается?

[@Hayabusa17]

Тут каждое предложение на вес золото

[@ba_stian]

чётко

[@zvar144]

спасибо!

[@askerkotsev363]

You cool

[@Philipp3334]

10:49 это не новый литерал обьекта, а спреад синтаксис для литерала обьекта.

[@alexiki3523]

Спасибо) Только не до конца понятно с actionCreators и dispach.как они между собой вяжутся?

[@ecroFeGushKa]

Dispatch - это функция у объекта Store. В нее можно передать объект экшена и тогда этот экшен выполнится. Можно создавать эти объекты вручную, а можно сделать функции actionCreators, которые на вход получают какие-то параметры, а наружу отдают готовый объект экшена. См. следующие уроки :)

[@alexiki3523]

​@@ecroFeGushKa, собственно уже посмотрел - все встало на свои места) Спасибо!​

[@ni55an]

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

[@ecroFeGushKa]

Обратите внимание на дату видео :)

[@ni55an]

@@ecroFeGushKa видел. Я как раз и констатировал факт того, что уже больше 2 лет прошло, а никаких сдвигов нет. Как запихивали все в один глобальный стор, так и запихивают. Когда задача чуть более сложнее тривиальной, тогда появляются разные костыли в виде фабрики редюсеров и т.п.

[@ecroFeGushKa]

Виталий Столяров в этой банальности и кроется простота редакса) так или иначе, я лично его уже практически не использую.

[@mk3mk3mk]

@@ni55an , а какие адекватные альтернативы ?

[@ni55an]

@@mk3mk3mk mobX. Или вам нужен Flux паттерн? Если да, то зачем?

[@petrvictorovich]

А это вообще нормально перезаписывать ВЕСЬ стейт при каждом экшене? Стейт ведь может быть довольно большим объектом и как-то не очень производительно его каждый раз перезаписывать. Нет?

[@romanmakarov4973]

очень рекомендую посмотреть на mobx. Он проще в освоении, чем Redux. Меньше гемора, проще писать. Можно послушать 5минутку React, там было толковое сравнение (сам перешел на mobx после года разработки на redux)

[@ecroFeGushKa]

Привет. В принципе, у меня нет проблем с осознанием того, как работать с Redux и он не доставляет мне каких-то проблем. В комплекте с Reselect, он немного приближается к MobX. Сам MobX слишком напоминает мне KnockoutJS (своим обилием обзерваблов и компутедов), что слегка пугает))

[@romanmakarov4973]

Он приближается, но селекторы писать нужно(я переписывал онлайн редактор с редакса(с реселектом) на мобкс, и все прирост очень заметен был, наверняка где-то налажал, но в мобксе просто об этом не думаешь, оно просто работает и делает это быстро). И вообще в редаксе куча бойлерплейта. Меня это не бесило, когда я его писал, но потом увидел что mobx ничуть не теряет выразительности без всего этого. Это значимо. вуй ближе всех из актуальных фреймворков. Нокаут конечно страшный, но там меня бесило больше всего логика в шаблонах, очень было страшно это поддерживать, в реакте такого нет.

[@ДамирНуралы-у6ю]

Сколько здесь вы перешитаете ботов

[@elbekkhaitov683]

Ахуенно обьясняешь. Смотрел Редюкс с английского контента, полная параша. Пишут по шаблону и бубнят по нос что написали. Красавчик!

[@Mike37373]

текст увеличивать надо, почитай гайды, может получиться

[@xxxGordenxxx]

Привет, давно не видно было тебя! Vie.js не изучал? Не хотел бы по нему обучение сделать?

[@ecroFeGushKa]

Денис Горев Привет, Vue скучный, как по мне. Пока комьюнити очень плохо развито

[@eldiiarsaparbekov5397]

ничЁ ни понял

[@ЭдЛесничий-щ8т]

Каким редактором Вы пользуетесь ?

[@ipamoon]

Эд Лесничий на видео vs code

[@ecroFeGushKa]

В повседневной жизни PhpStorm, на видео - Visual Studio Code

[@Zluka366]

иисус

[@kiberbenify]

м-да нихера не понял😁

[@Vlad-sw4zd]

Аж 2 англоязычных фразеологизма. Это тупо перевод какой-то английской статьи?)

[@ecroFeGushKa]

Это я так разговариваю)

[@Denis-rh9jp]

Офигеть! Одно из самых эффективных 13ти минутных учебных видео! Респект, чувак, респект.

[@Denis-rh9jp]

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

[@АнтонМирный-с5х]

спасибо