14 - React + TypeScript / useReducer & useDispatch / React JS - Путь Самурая 2.0

[@Borashvili31]

Как узнать программистов: 1. человек не моргает три минуты. 2. А потом сразу шесть раз 🤣💓

[@ITKAMASUTRA]

О май гад)) А моргать надо учиться принудительно... иначе кабзда глазам 👀

[@ruslankonychev1137]

да...порой в глазах аж темнеет, но как же не хочется отрываться от программирования!

[@yuritian8830]

Прочитал. Стал замечать как моргаю. И специально моргаю.

[@n0escape]

что такое моргать🤣

[@SohoCode]

у кого ошибка типа с dispatch, можно сделать так: в reduxStore: export type AppDispatch = ThunkDispatch в компоненте: const dispatch: AppDispatch = useDispatch()

[@МаксимГорбенко-п9о]

Помогло, спасибо

[@Мария-ц8ъ2е]

TypeScript / useReducer & useDispatch выпуски супер

[@maxim.saharov]

Tакой рефакторинг супер! - ощущения облегчения - как будь то выкинул хлам с балкона и теперь все чисто и понятно) У кого что то не получилось - добро пожаловать в мой гит репозиторий - там полностью рабочая версия лежит!

[@maxim.saharov]

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

[@maxim.saharov]

maxim-saharov - название на гит хабе

[@maxim.saharov]

ReactKamasutra проект

[@PoRoKLusT]

Спасибо за видео, учусь по нему. Вычитал из доки: useSelector можно типизировать следующем образом: const reducer = combineReducers({ tasksReducer, filterStatusReducer }); export type Reducer = ReturnType Потом создаем собственный типизированный хук на основе обычного useSelector: import { TypedUseSelectorHook, useSelector } from "react-redux"; const useTypedSelector: TypedUseSelectorHook = useSelector; В дальнейшем используем в приложении useTypedSelector() как обычно используем useSelector(). TS сразу будет показывать что передается в переменную без дополнительных манипуляций. Сделал, всё работает как задумано. ================================================= Чтобы типизировать useDispatch() нужно: В месте где у нас создается store прописать export type AppDispatch = typeof store.dispatch В компоненте прописать const dispatch: AppDispatch = useDispatch() Теперь можно вызывать dispatch в компоненте как обычно с использованием экшена, например dispatch(addTaskAction(task)); Если у вас созданы и описаны экшены он их сам подтянет и будет отображать при наведении какой экшен вызывается, что принимает и возвращает. Если в экшене описан только тип и нет payload, то в типизации экшена нужно добавить payload: null и в самом экшене тоже payload: null. По идее это лишнее и никак не скажется на коде, но без этого ts ругается.

[@Smurfic-f3n]

React + TypeScript / useReducer & useDispatch / React JS 👍👍

[@brian_alex]

Если у кого переполняется стэк, когда пытаетесь сделать follow, unfollow, проверьте, откуда какой именно follow/unfollow вы передаете в dispatch, скорей всего вы передаете туда саму же функцию, а не импортированный follow/unfollow

[@petroherasymiv3417]

Боже!!! Я два дня просрал, залайкайте, чтобы поднять в топ

[@Артемий-ч6у]

Летим, React + TypeScript / useReducer & useDispatch / React JS - Путь Самурая 2.0

[@РинатУпаков]

Димыч, ты молодец! ЖЫВЕ БЕЛАРУСЬ!

[@lord8360]

готовимся к мидлам, а я даже не джун)

[@ИгорьНово]

😬😬😬

[@ruslanla4654]

уже жду 3 сезон - хочется увидеть новое интро и новые треки от Димыча)))

[@VSJAQ]

Димыч, спасибо, что снимаешь видео даже в нынешних сложных обстоятельствах! Мини-бамблби крут! Как и ты ) Лучший урок React + TypeScript / useReducer & useDispatch

[@ITKAMASUTRA]

Спасибо , ребят! Взаимное спасибо! Летим вместе 🚀

[@ВладПономарёв-м1ъ]

Димыч, спасибо) React + TypeScript / useReducer & useDispatch / React JS

[@Оленка-р2н]

React + TypeScript + useReducer & useDispatch. Спасибо за наглядные примеры! В чем прелесть этого курса, так это масштаб, постоянные улучшения уже написанного, разнообразные подходы :)

[@mordred4138]

Димыч, хочу сказать спасибо вам за ваши уроки, ведь вы очень толково объясняете. Хоть я вряд ли сейчас могу устроится(мне 16), но программирование моё хобби, и этим я буду заниматься всегда

[@ITKAMASUTRA]

Успехов! Лети 🚀

[@СаняБелый-и8д]

UseSelector, useDispatch, react redux typescript, топовые уроки

[@НиколайРумянцев-д5у]

Димыч, спасибо тебе большое! Как обычно все супер понятно! Летим!

[@ITKAMASUTRA]

Летим, друзья!! Хорошего обучения

[@ВикторКысса-я8х]

Огромная благодарность за такой потрясающий материал!!! В названии видео я как понял вместо useReducer должно быть useSelector. Тема рефакторинга потрясающая, useSelector и useDispatch действительно помогают избавиться от лишних оберток и также опракидываний пропсов, + код становится более читабельным как по мне ) Летим в космос ! React + TypeScript

[@maxim.saharov]

Спасибо, а то я думал что меня глючит) в уроке про useSelector, а в теме useReducer! Димыч ты же можешь исправить название темы, даже картинка к видео правильная. И так же меня поразило как много людей накопипастили в коменты слово useReducer)

[@belle-nastja]

useReducer(), useDispatch() - done!) Cпасибо за твой труд, Димыч, летим дальше!!

[@mariiatkachova570]

React + TypeScript / useReducer & useDispatch / React JS Cпасибо!!!!

[@piligr1m_ua_]

спасибо, как обычно отличное обьяснение oб useSelector и useDispatch, летим! React+TypeScript

[@romanjob8152]

React + TypeScript / useReducer & useDispatch / React JS Дякую

[@Natalia-ph]

Ура-ура, новый выпуск)) Я посмотрю его еще не скоро, но уверена, что он как и другие, просто бомбический 💥

[@ITKAMASUTRA]

✊🚀🔥 спасибо за поддержку! Успехов в прохождении!!!

[@ДмитроКравець-л2щ]

Спасибо за обучение useReduser и useDispatch

[@ВладиславПузырев-ю8л]

После того как начал использовать хуки useSelector, useDispatch HOC'и кажутся такими громоздкими тем более если еще компоненты классовые. Спасибо за ролик!

[@AlexNesterov-f5q]

Очередной выпуск и очередная крутая информация!!!!! Наилучший курс по реакт!!! useSelector - 🔥🔥🔥 useDispatch - 🚀🚀🚀 TypeScript - 😎😎😎

[@rmelsov]

Божееее какая крутая песня!!!!!!!!! Лайк и коммент! Как я случайно нашел такое сокровище?!?!

[@dimaruy2975]

Очень круто обяснил про useReducer и useDispatch hooks. Спасибо!

[@maxim.saharov]

лайк за таймлайны!) И Димыч ИСПРАВЬ НАЗВАНИЕ ТЕМЫ - в уроке про useSelector, а в теме useReducer! Даже картинка к видео правильная. И так же меня поразило как много людей накопипастили в коменты слово useReducer)

[@gideonamweich7271]

узнал о useDispatch, читал, искал видео, а тут видео у димыча.

[@Snegurjan]

Ураааа,новое видео.Лайк до просмотра .Димыч ты крутой!!!💪🏻💪🏻💪🏻

[@ITKAMASUTRA]

От души, бро ✊ летим🚀

[@Vnikny]

Спасибо Димыч! Держитесь там, мы с вами! React TypeScript Хуки useReduser useDispatch

[@kuko932]

есть работа!!!!!!!!!!!! летим!!!!!!!!!!!!!!!!!!!!!! плтаная подписка на димыча везде!!!!

[@АлександрШатохин-н7г]

useReducer , useDispatch Летим дальше

[@technical777]

React + TypeScript refactoring a class component into a functional component using a HOOK | Димыч спасибо за наглядный пример рефакторинга connect, mapStateToProps, componentDidMount на HOOK

[@MMAreflection]

Спасибо! React + TypeScript / useReducer & useDispatch / React JS

[@sheshko_pavel]

Спасибо за объяснение #useDispatch и #useSelector в #React #bestCourse #реакт #редакс #знатьбудешькруто

[@alira2924]

Лучший урок React + TypeScript / useReducer & useDispatch!!! Спасибо за урок

[@СергейПолукаров-з6г]

TypeScript / useReducer & useDispatch / React JS! Летим дальше!

[@andreykryzhniov794]

Отличное занятие по React, Redux, useReducer, useDispath + TypeScript, react-redux

[@startrek9425]

useReducer(), useDispatch()!!! Спасибо за твою работу, ты крут!!!

[@ruslankonychev1137]

Тайм-лайны крутая тема. Делай так,это как архитектура видоса, эстетически удовлетворяет.

[@pmtourist6556]

Дмитрий, продолжай все интересно!

[@ITKAMASUTRA]

Спасибо за поддержку! 🚀

[@aleksandrglebik8033]

Спасибо, Димыч! Твой контент супер!!! React + TypeScript / useReducer & useDispatch / React JS

[@andrewbistroff1199]

Димыч спасибо за лучшие фрии уроки по Реакту, не забрасывай и по чаще их выпускай)))! Летим дальше!!!

[@danilblack8296]

hooks, useSelector, useDispatch, React, TypeScript, Redux Димыч - лучший препод в мире!)

[@mykhailostepanishchev6472]

Космос,спасибо Димыч ! React + TypeScript / useReducer & useDispatch / React JS

[@Ivan-mb3ze]

Давно ждал тему useReducer useDispatch в React JS. Спасибо!

[@kurt-miller]

#useSelector #useDispatch очень помогает сократить код! Мегаполезный рефакторинг, пошел внедрять в свой проект.

[@marina-ej4qd9kc1wh]

мне понравилось useSelector, спасибо, Димыч. Самураи! Есть кто живой? Кто на работу устроился, кто еще в процессе?

[@Nikita-xe5kv]

Пришел с 55 серии первого плейлиста что бы попросить проверить SamuraiJS Social Network API. Вроде де бы перестали запросы работать выдаёт ошибку 500, заранее спасибо) Уже всё нормально!) Продолжаю вливать сюда почти всё своё время, хочу догнать вас. По кайфу это занятие, надеюсь меня возьмут на удалёнку куда нибудь. Спасибо тебе огромное) Продолжай бомбить!)

[@zzhanat4905]

самый лучший курс от крутого сэнсэя)

[@viktorshcheplyagin9576]

Ключевые слова: обожаю React, Typescript, Redux!! Отсебятина: Спасибо большое за твои видео! И вообще, всем белорусским it-блогерам! На удаленке, часто, вы - единственное мое it-общество) Критика: Дымыч, почему ты не пркдотвратил эпидемию макаронавируса в мире? Тыж самурай!

[@spacerider9426]

useSelector, useDispetch, React. Спасибо огромное, Сэнсэй, за твой труд! Смотрю дальше!

[@ВадимЛюманов]

React hooks must use! Хуки великолепны, правда тут можно холиварить по поводу чистых компонент - но это такое, бизнес в приоритете. useSelector, useDispatch и очень интересный useEffect - все ясно и понятно). Спс Димычу за качественный контент.

[@IlyaVasilikhin]

Спасибо огромное.... жаль курс заглох.... подчерпнул для себя много нового React + TypeScript / useReducer & useDispatch

[@ruslanla4654]

Димыч, спасибо за классное объяснение как всегда !! useDispatch и useReducer Typescript React применяем на практике реальный крутой большой проект

[@djmobley647]

Димыч, ты лучший, спасибо огромное за курс!!!

[@oduvanio]

React, redux, hooks, refactor!!! Димыч, спасибо за твои труды!

[@kozimjonqosimov7789]

Привет самурай видео Excellent

[@ВладиславПузырев-ю8л]

Димыч, пусть у вас в Белоруссии все будет хорошо!! Жду новый ролик от тебя очень сильно, ты лучший учитель

[@Yaroslav-ie3et]

Прикольный ты дядька. Продолжай свою работу

[@antonmaksimau7195]

больше философии, оч круто react, typescript, usereducer, usedispatch

[@ГенаФес-ъ9з]

useReducer & useDispatch

[@StepanVorobiov]

Я уже жить не могу без хуков, mapState для меня как что то из прошлого (не понимаю как некоторые продолжают их использовать). Спасибо за видео. Хотелось бы вкратце про mobX, а ещё больше про React Native!!! Вперёд Димыч!!!)

[@StepanVorobiov]

а useReducer то как раз то и не было. И я его как раз не использую. Былоб интересно послушать про то где он действительно нужен!

[@StepanVorobiov]

Заиспользовал. Нормальная тема особенно когда вокруг пучка компонент мутишь всякую логику и этот useReducer как раз получается редюсером в этом маленьком "приложение". Можно конечно и useState обойтись и кратче получитчя, но с редюсером выразительнее!)

[@egoregorov7988]

верым можам переможам)

[@jaloliddinhazratqulov891]

Самый лучший учитель

[@ITKAMASUTRA]

✊🚀🔥

[@ՆարեկԳինոսյան]

Spasibo Dimych!!!

[@iliaschet]

useReducer и useDispatch - супер, но очень хочется поскорее тему redux toolkit

[@Al4ii]

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

[@atyoma]

Спасибо

[@root3404]

useSelector, useDispatch, React + Redux + TypeScript

[@unanyanrazmik]

жду Redux Toolkit)) отличное видео спасибо!)

[@Dmitriy-bq2xh]

Димон красавчег!

[@root3404]

Спасибо!)

[@ITKAMASUTRA]

На здоровье

[@СергейОфицеров-э7к]

👍👍👍 продолжай в том же духе!

[@sergiystadnyk6315]

Димыч, все супер как всегда. useSelector & useDispatch & like. Кстати у тебя в названии useReducer вместо useSelector. В добавок к импортам, скоро планируеш перейти на абсолютные пути? Вдруг кому-то пригодится: Для "Create React App" нужно создать jsconfig.json в корне проекта. И прописать в нем { "compilerOptions": { "baseUrl": "src" }, "include": ["src"] } после чего импорты можно прописывать из корня: import Button from 'components/Button';

[@ITKAMASUTRA]

А вон как к файловой реструктуризации придём! Очень скоро начнём приходить! Это изменение тоже сделаем, спасибо

[@ІльченкоАртем]

Посмотрел Диму и жить захотелось) React TypeScript useReducer useDispatch useSelector

[@fexriimanzade4139]

Спасибо бро

[@xtereone]

Эх видел бы я это видео раньше) Прикиньте я из-за одного глобального элемента в state писал целую контейнерную компоненту! А мог просто написать две строчки useSelecor и useDispatch - ору с себя)

[@ГенаФес-ъ9з]

React + TypeScript

[@ruslankonychev1137]

JUST WONDERFUL COOL

[@Unnamed-r8x]

Димыч топи!

[@Almas-2002]

ты такой приятный приятно у тебя учить

[@ITKAMASUTRA]

✊🚀

[@ВикторКлименко-щ9ф]

14 - React + TypeScript / useReducer & useDispatch / React JS - Путь Самурая 2.0

[@akmalmuzafarov487]

UseReducer UseDispatch Typescript Dimich ты супер)

[@ITKAMASUTRA]

Спасибо за поддержку

[@ВадимЛюманов]

Ну и еще немаловажный эффект от хуков - меньше контейнерных компонент-оберточек. Вот и UsersContainer компонента стала ненужной, и ее можно смело того ... )

[@ИльсафГабдуллин-ь8л]

34:46 s-love

[@mrmicolka]

useReducer & useDispatch + отсебятина + благодарности!!!

[@borisaleksandrovskiy1962]

Хуки это вещь!!!

[@pavelmalorodnov2078]

React + TypeScript / useReducer & useDispatch / React JS - Путь Самурая 2.0

[@egor_andryushchenko]

Лайк за хороший контент, континию гуд джоб!)

[@ВадимЛюманов]

Может кому пригодится - при использовании useEffect: useEffect(() => { requestUsers(currentPage, usersOnPageCount, usersFilter) }, []) Не убирайте(!) пустой массив зависимостей - как на то будут указывать ворнинги - иначе вызов useEffect callback-а будет происходить постоянно. И соответственно, запросы на сервак - тоже. Будьте бдительны)

[@КириллБогданов-ф2й]

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

[@tazalov]

React + TypeScript / useReducer & useDispatch / React JS

[@istoric7221]

Агонь!

[@marina-ej4qd9kc1wh]

Пишите, у кого трудности с трудоустройством, помогу морально.

[@ussa3374]

Про Протесты, технического лидера и счастливых пользователей...

[@alexup7437]

- React + TypeScript / useReducer & useDispatch /+ Миграция пингинов

[@batm1x]

dispatch не хочет принимать в качестве аргумента thunk creator, только тип AnyAction, еще useEffect бесконечно диспатчит пользователей, хотя вторым аргументом стоит [] для одного вызова. Ничего не понимаю, видимо что-то поменялось, надо разбираться.Подозреваю, что нужно правильно типзировать applyMiddlware На диспатч не ругается при такой типизации const setUsersOnPage = (n: number) => { dispatch(handlingUsers(n, usersOnPage, searchFilter) as unknown as AnyAction) }

[@batm1x]

типизировать диспатч для отправки санок можно так: export const useTypedDispatch = () => useDispatch() export type TypedDispatch = ThunkDispatch Вопрос по бесконечному срабатыванию useEffect еще стоит

[@EgorPomidorov]

@@batm1x тут опечатка видимо, нужно так const useTypedDispatch = useDispatch()