React и Redux 4. Redux Saga, Генераторы, Redux Thunk.

  Рет қаралды 30,147

knowcity

knowcity

4 жыл бұрын

Redux Saga: redux-saga.js.org/docs/introd...
Генераторы: learn.javascript.ru/generators
Async/Await на генераторах: hackernoon.com/async-await-ge...
Redux Thunk: github.com/reduxjs/redux-thunk

Пікірлер: 96
@lalathealter6513
@lalathealter6513 2 жыл бұрын
Вот кто-то сага, а ты - легенда, мужик. Большое спасибо, всё очень доходчиво
@user-li7ce3fc3z
@user-li7ce3fc3z 3 жыл бұрын
Это тот редкий случай когда действительно хочется поставить лайк
@internetuser804
@internetuser804 3 жыл бұрын
отличное руководство, очень подробно и понятно, спасибо
@user-ec2ee8so8u
@user-ec2ee8so8u 3 жыл бұрын
Куда ты пропал? Ты красавчик капитальный, объяснение лучшее из лучших. Продолжай, научи нас react-redux-и всей херни... Вернись братишка
@dzmitrykubarski1462
@dzmitrykubarski1462 3 жыл бұрын
Поддерживаю ) Автор красавчик, жаль, что пропал
@andriilukianenko8106
@andriilukianenko8106 3 жыл бұрын
После 5 минут просмотра сразу поставил лайк: очень лаконично, доходчиво, я не успел заскучать. Качественный урок, спасибо!
@bzlkch
@bzlkch 4 жыл бұрын
Большое спасибо! Лаконично и доходчиво. Пожалуйста, запиши все же подробный урок по сагам. Ни у кого в ру сегменте не встречал подробного описания работы с сагами, здорово, если ты будешь первым.
@user-tc5xp2ns4q
@user-tc5xp2ns4q 3 жыл бұрын
Как раз искал короткое видео для рефакторинга с thunk в saga. Спасибо!)
@artemivanov7982
@artemivanov7982 4 жыл бұрын
"всем привет" в видео от 24 сент. 2017 г. про React, Redux звучит намного жизнерадостней, чем сейчас ;) Может пора отдохнуть?)
@dmitryteterin4663
@dmitryteterin4663 2 жыл бұрын
Посмотрел около 5 видео по Саге и это лучшее объяснение, без затянутости и лишних слов. Спасибо!
@codetowardssuccess
@codetowardssuccess 4 жыл бұрын
Отлично! Как раз искал видео по саге, все по дело и кратко!
@chkpg4317
@chkpg4317 4 жыл бұрын
вот это шок) ты живой там!)
@r1cro
@r1cro 4 жыл бұрын
Ютуб иногда удивляет. Не мог найти более-менее толковый туториал про React + Redux и как только нашел Ваш канальчик сразу обратил внимание на дату публикации контента и был немного расстроен, но сам контент очень качественный и у других ребят я ничего не видел подобного. А тут - БАЦ... и новое видео в 2020 году.
@user-vt9co1pv4t
@user-vt9co1pv4t 3 жыл бұрын
Отличный урок, помог разобраться!
@user-yt1bh8nl4x
@user-yt1bh8nl4x 4 жыл бұрын
Очень хорошее обучающее видео. Объясняете доступно и подробно. Спасибо)
@namirGO
@namirGO 3 жыл бұрын
Надеюсь данная инфа завтра мне поможет на первом проекте)) объяснил более доступно и детально чем Владелин, за что спасибо!!)
@aleksandrzelenskiy4000
@aleksandrzelenskiy4000 3 жыл бұрын
Офигенно объяснил. Да и вообще канал хороший, подпишусь - спасибо
@mentalgcore5994
@mentalgcore5994 4 жыл бұрын
Очень качественно, спасибо
@malyarevich
@malyarevich 3 жыл бұрын
Расслабление булок помогло)) Спасибо большое, крутое видео!
@user-ct9sl8qk2w
@user-ct9sl8qk2w 3 жыл бұрын
Круто! Просто, ясно и понятно!
@user-li8hl1vr1x
@user-li8hl1vr1x 4 жыл бұрын
Могешь, умеешь, молодец))) Очень помогло, спасибо за труды.
@sofiatopalidi7773
@sofiatopalidi7773 4 жыл бұрын
Спасибо, все предельно понятно и интересно)
@alexanderolshansky2411
@alexanderolshansky2411 4 жыл бұрын
Спасибо! Отлично объясняешь.Большой респект за твои труды. Очень мало толкового контента на продвинутые темы, особенно на русском.
@user-rt1kx8gg6q
@user-rt1kx8gg6q 4 жыл бұрын
Все четко и понятно. Спасибо!
@mikhailstepanishchev283
@mikhailstepanishchev283 3 жыл бұрын
Очень хорошо объяснили,спасибо !
@mykhailomikhnovych8303
@mykhailomikhnovych8303 4 жыл бұрын
The best explanation of redux and etc in the whole internet. Great job!
@yaroslavp5025
@yaroslavp5025 3 жыл бұрын
Потрясающая подача, с пол тычка понятно ) Спасибо
@kirillpavlovskii8342
@kirillpavlovskii8342 2 жыл бұрын
Класс, спасибо за объяснение, очень понятно и полезно!
@antonivanov9555
@antonivanov9555 4 жыл бұрын
Круто! Еще бы видосик про структуру реакт проекта на типах с редакс-сагой )))
@Nikita-xe5kv
@Nikita-xe5kv 3 жыл бұрын
Спасибо, всё очень подробно и понятно)
@xxxoss
@xxxoss 4 жыл бұрын
Годный урок)Интересная подача)
@annasamoylenko3804
@annasamoylenko3804 4 жыл бұрын
отличное видео - давай проект на Saga!
@user-yx1xf9hw8o
@user-yx1xf9hw8o 3 жыл бұрын
Очень круто и понятно. Спасибо)
@user-gk8fh4ki3c
@user-gk8fh4ki3c 4 жыл бұрын
Спасибо, хорошо объясняешь c:
@namirGO
@namirGO 3 жыл бұрын
И большое спасибо за рекомендации в конце видео о том что сделать после его просмотра!!))
@user-mt1xh9sz1y
@user-mt1xh9sz1y 3 жыл бұрын
Очень круто разъяснил ) Спасибо!
@eugene684
@eugene684 3 жыл бұрын
Блин, когда дошли до самого интересного ролик закончился :(
@pavloskuibida6292
@pavloskuibida6292 3 жыл бұрын
Берём эту фигню и кладём сюда 😂 Порвал) лайк
@denweb2408
@denweb2408 4 жыл бұрын
Круто! Спасибо)
@SliderLikeYou
@SliderLikeYou 4 жыл бұрын
Очень хорошо рассказано , однозначно лайк
@caterpilar
@caterpilar 4 жыл бұрын
Очень крутое чтение кода, поэтому всё понятно, лайк_подписка
@valentynshapoval6154
@valentynshapoval6154 3 жыл бұрын
Спасибо, отлично объяснил. Хотел использовать сагу на реальном проекте в итоге запутался, отвлекся на разные мелочи не понимая что существенно что нет. После этого видео всё понял и дальше от этого двигался
@Nikita-xe5kv
@Nikita-xe5kv 3 жыл бұрын
Записывай больше уроков, у тебя отлично выходит)
@HIghtowerSever
@HIghtowerSever 3 жыл бұрын
Хорошо объяснил. Спасибо. Подписался даже.
@dispeltr1183
@dispeltr1183 4 жыл бұрын
Еее бой ты вернулся!
@user-wv7tx4mb6d
@user-wv7tx4mb6d 3 жыл бұрын
Спасибо за видос , очень помог))
@StanislavObrazcoff
@StanislavObrazcoff 3 жыл бұрын
спасибо, очень годное видео про саги
@waker_777
@waker_777 4 жыл бұрын
круто все объяснил,спасибо!
@lawlietmester4446
@lawlietmester4446 4 жыл бұрын
Хорошее объяснение этой части ада
@aleksandrmatyka3118
@aleksandrmatyka3118 3 жыл бұрын
Такая крутая подача материала, звук, картинка, жаль что ты снимаешь так редко
@mist5322
@mist5322 4 жыл бұрын
Круто чувак!)
@user-bl2ht6tw3z
@user-bl2ht6tw3z 4 жыл бұрын
Спасибо!
@alexanderblagirev4937
@alexanderblagirev4937 3 жыл бұрын
спасибо ! оч круто
@evamaria9142
@evamaria9142 3 жыл бұрын
все супер понятно, лайк подписка
@xeleos
@xeleos 3 жыл бұрын
шикарно объяснил
@WoodySpitz12
@WoodySpitz12 4 жыл бұрын
Круто!
@eugeniucozac5563
@eugeniucozac5563 4 жыл бұрын
Super! Thanks!
@kimblinov1594
@kimblinov1594 4 жыл бұрын
Посмотрел послушай . Красава
@user-ej9bq4xc6q
@user-ej9bq4xc6q 3 жыл бұрын
Огромное спасибо за видео! Может у Вас получится более подробное видео записать, со всем функционалом. Так-как я прочитал документацию, но хочется увидеть это на практике. Визуально лучше получается воспринимать информацию)
@mykhailostepanishchev6472
@mykhailostepanishchev6472 4 жыл бұрын
крутой видос,Спс !
@denisshupenko1370
@denisshupenko1370 3 жыл бұрын
круто! спасибо
@OleksandrDanylchenko2k
@OleksandrDanylchenko2k 3 жыл бұрын
Отличное обьяснение саг
@379sanek
@379sanek 4 жыл бұрын
Best of the best
@ollegat
@ollegat 4 жыл бұрын
Уф, топ
@internetuser804
@internetuser804 3 жыл бұрын
хотелось бы видеть продолжение и более глубокий разбор всех фич
@pavel.karpets
@pavel.karpets 3 жыл бұрын
Сами саги вроде полезны. Но в данном конкретном случае (асинхронная загрузка) их применение только запутывает код - много проще было бы с thunkом. Саги скорее для каких то более глобальных действий - показать лоадер, логгинг.
@victormog
@victormog 4 жыл бұрын
Действительно, WTF... Фраза "плоский код" почему-то натолкнула меня на аналогию математиков о представлении трёхмерного измерения на плоскости (в двумерном).
@maksymovych_maksym
@maksymovych_maksym 4 жыл бұрын
Спасибо, хороший контент. Столько движений что бы сделать простой запрос в БД :-) Я понимаю, что при масштабировании это все не так и плохо, но все же. Есть неплохой @rematch - redux framework, для мелких и средних тасков неплохой вариант, намного проще в использовании
@user-kn2ou2pu3e
@user-kn2ou2pu3e 2 жыл бұрын
Здравствуйте. Спасибо за видео на такую не простую тему. На 12:23 вы говорите про то, что код с async await компилится в код с генераторами, но я не смогла это увидеть в компиляторе babel. Могли бы вы подсказать как именно этого добиться?
@jefwellfare5592
@jefwellfare5592 4 жыл бұрын
Лови благодарочку! Если найдётся время, смог бы помочь с таким вопросом!?допустим если нужно отправлять в сагу динамически изменённую url, то где точка входа в сагу?через компоненты, сервисы или сам редакс!?грубо говоря, есть форма с селектами, при выборе которых, изменяется динамически url, как эту url загнать в файл сагу!?
@r45her
@r45her 4 жыл бұрын
Вытащить в компоненте при помощи location? А потом послать эту стрингу в payload action-а?
@filcondrat
@filcondrat 4 жыл бұрын
по контексту и хукам интересно было бы тоже
@Max-gx1
@Max-gx1 3 жыл бұрын
Привет. Есть вопрос: как сделать post запрос, если data для него есть в пропсах в компоненте, но нету в файле saga.js?
@rihard3472
@rihard3472 4 жыл бұрын
Я думаю если бы ты ещё готовый код выкладывал было бы офигенно
@denispoltoratsky6536
@denispoltoratsky6536 4 жыл бұрын
Как покинуть параметры запроса в сагу на примере из видео? Кому не сложно, напишите в коммент) Соррян, тупой вопрос. Разобрался)
@constantineh.1235
@constantineh.1235 3 жыл бұрын
А как у тебя консоль так красиво рисует?)
@egoregorov7988
@egoregorov7988 4 жыл бұрын
Не понимаю. Зачем гарадить еще один слой кода. Когда thunk async await делает тоже самое с меньшим количеством кода
@petrvictorovich
@petrvictorovich 2 жыл бұрын
Даааа... Борода... Напишите, кто рубит в теме - сейчас в 2022 - это ещё актуальный подход - учитывая наличие Redux Toolkit ?
@ecroFeGushKa
@ecroFeGushKa 2 жыл бұрын
Нет, не актуально
@petrvictorovich
@petrvictorovich 2 жыл бұрын
Ооок, благодарю.
@maksymovych_maksym
@maksymovych_maksym 4 жыл бұрын
1
@Apexof
@Apexof 3 жыл бұрын
Кто-нибудь может объяснить зачем все эти сложности если есть простой и красивый redux-api-middleware ?
@xeleos
@xeleos 3 жыл бұрын
почему юзают useDispatch, когда можно просто импортировать dispatch из action? т.е. сделать export const dispatch = action.dispatch;
@cybersystem5137
@cybersystem5137 4 жыл бұрын
Как и ранее писал: хрень полная )) Без этого справлялся 1.5 года, все ок
@user-fj8cl3by5k
@user-fj8cl3by5k 3 жыл бұрын
Фронтендеры не умеют без фреймворков
@cybersystem5137
@cybersystem5137 3 жыл бұрын
@@user-fj8cl3by5k рили?! А что такое фронтенд по твоему, поделись? )))
@ri4an598
@ri4an598 3 жыл бұрын
после effector это все кажется настолько костыльным
@dimitro.cardellini
@dimitro.cardellini 4 жыл бұрын
Saga была сделана, когда не было async/await. . Thunk делает ВСЕ! При чем проще и чище, чем Saga. . Проще ли тестировать генераторы? Это да. Не надо мокать. Но, с другой стороны -- мокать привычнее. . В общем, если кому интересно, то пример с thunk по ссылке: codesandbox.io/s/react-redux-thunk-gr30n?file=/src/store/index.js UPD: На самом деле тестировать саги не проще, чем санки. Даже скорее наоборот. Причин две: Во-первых, генераторы создают шум вызовами "next()", и увеличивают стоимость поддержки тестов (тесты становятся чувствительными к количеству yield внутри саги). Во-вторых, мокать или фейкать ввод/вывод все равно придется, т.е. "next({ data: "from server" })" на самом деле затеняет вызов эффекта, ради которого сага создается, а значит, как минимум один раз вызов эффекта надо замокать (или зафейкать).
@user-fj8cl3by5k
@user-fj8cl3by5k 3 жыл бұрын
Тебе бы подучиться программированию немного, запишись на курсы какие-нибудь
@dimitro.cardellini
@dimitro.cardellini 3 жыл бұрын
@@user-fj8cl3by5k так может, дашь пару уроков, а? Перед тем, как посылать кого-то на курсы, принято представляться...
@user-yo4li3po7o
@user-yo4li3po7o 4 жыл бұрын
Как тебя найти в соц. сети?
@Fs-xj2gu
@Fs-xj2gu 4 жыл бұрын
огонь огонь огонь СУка сори за мат - делай контент
@CatSpyder
@CatSpyder 4 жыл бұрын
Все понял, и мне это не понравилась, ни то, что понял, то то, что именно понял. Что делат?!!?)
Redux не нужен. GraphQL и Apollo Client.
27:48
knowcity
Рет қаралды 52 М.
🤔Какой Орган самый длинный ? #shorts
00:42
- А что в креме? - Это кАкАооо! #КондитерДети
00:24
Телеканал ПЯТНИЦА
Рет қаралды 7 МЛН
LOVE LETTER - POPPY PLAYTIME CHAPTER 3 | GH'S ANIMATION
00:15
Playing hide and seek with my dog 🐶
00:25
Zach King
Рет қаралды 28 МЛН
React и Redux 2. Подключаемся к Redux.
26:58
knowcity
Рет қаралды 48 М.
Redux Toolkit Query. Make Redux great again.
20:34
knowcity
Рет қаралды 6 М.
JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue
12:35
🤔Какой Орган самый длинный ? #shorts
00:42