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

Следующее видео: • React и Redux 2. Подкл...
Redux: redux.js.org/
Flux: facebook.github.io/flux/
React: facebook.github.io/react/

[@1981ilyha]

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

[@datvu3283]

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

[@user-sb2lv3mj9x]

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

[@djingrin3834]

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

[@user-tj3dr5se4n]

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

[@alexey.justdoit]

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

[@ecroFeGushKa]

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

[@user-mn2po8ns2z]

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

[@superolyaolya7312]

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

[@artem-yw8km]

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

[@preparedmedusa2544]

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

[@notnamefound]

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

[@dmytrob.1874]

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

[@ymrlk]

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

[@crashoverride9681]

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

[@user-hd3lx8qc7s]

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

[@ismailalekperov6283]

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

[@idelopes9359]

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

[@Denis-rh9jp]

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

[@user-kn3ut1sh2o]

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

[@yaolegoleynik]

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

[@user-rd1sk4wg7x]

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

[@dimadima9436]

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

[@CordukTV]

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

[@misters6451]

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

[@vitalaskompulat5053]

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

[@miloman1995s]

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

[@BagaevRoman]

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

[@Gt-mp5xf]

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

[@user-yf8ns8ox5k]

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

[@Albert_Hall]

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

[@eugeniadaa]

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

[@user-uv6wz1kg3t]

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

[@dispeltr1183]

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

[@ProWichDoctor]

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

[@Anreeewww]

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

[@user-ee4fd7db4y]

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

[@kogorek1]

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

[@farshatowalex]

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

[@ecroFeGushKa]

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

[@KPEME3]

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

[@user-zr7wv5nk4d]

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

[@user-gy9tx2cc2u]

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

[@chillchill5254]

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

[@smartliga8623]

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

[@mrDrStff]

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

[@SergeyYanovskyi]

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

[@ecroFeGushKa]

Пожалуйста

[@maxsiratskiy6720]

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

[@d00ublezer00]

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

[@hrantabrahamyan1337]

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

[@user-gz3hk1pv1p]

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

[@AR-vg7hm]

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

[@PutchBes]

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

[@supfiger]

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

[@ecroFeGushKa]

Спасибо

[@digkillneko]

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

[@TheLevius]

Отлично!

[@crashoverride9681]

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

[@Arjeey]

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

[@whoknows921]

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

[@user-io3fo1us6u]

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

[@evgeny9242]

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

[@denysm.1549]

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

[@mikhas_ryzomny]

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

[@user-rd1sk4wg7x]

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

[@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]

ок :)

[@noobike7996]

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

[@user-ux7cj9rc2b]

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

[@olegvoskovets4309]

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

[@user-xo9ks9bc6j]

спасибо

[@beckaldan]

спасибо!

[@user-hd3lx8qc7s]

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

[@ba_stian]

чётко

[@alexanderborisov1828]

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

[@user-yf2er5vr8q]

super

[@alexiki3523]

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

[@ecroFeGushKa]

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

[@alexiki3523]

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

[@petrvictorovich]

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

[@cybersystem5137]

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

[@RadCor]

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

[@AndroidsReview]

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

[@petrvictorovich]

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

[@askerkotsev363]

You cool

[@Philipp3334]

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

[@Hayabusa17]

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

[@romanmakarov4973]

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

[@ecroFeGushKa]

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

[@romanmakarov4973]

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

[@petrvictorovich]

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

[@UlbiTV]

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

[@xxxGordenxxx]

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

[@ecroFeGushKa]

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

[@elbekkhaitov683]

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

[@user-os4yb9tg6w]

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

[@ipamoon]

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

[@ecroFeGushKa]

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

[@user-bd6bi2ct4c]

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

[@ni55an]

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

[@ecroFeGushKa]

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

[@ni55an]

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

[@ecroFeGushKa]

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

[@mk3mk3mk]

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

[@ni55an]

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

[@Zluka366]

иисус

[@eldiiarsaparbekov5397]

ничЁ ни понял

[@Mike37373]

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

[@kiberbenify]

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

[@Vlad-sw4zd]

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

[@ecroFeGushKa]

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

[@Denis-rh9jp]

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

[@vladimirkozak4973]

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

[@evgeniyprowork]

спасибо