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

[@SohoCode]

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

[@Borashvili31]

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

[@ITKAMASUTRA]

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

[@ruslankonychev1137]

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

[@yuritian8830]

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

[@n0escape]

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

[@brian_alex]

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

[@petroherasymiv3417]

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

[@lord8360]

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

[@user-wt8sq9om6c]

😬😬😬

[@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 ругается.

[@user-vd2xq1lx9x]

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

[@user-wr3dz2op1t]

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

[@maxim.saharov]

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

[@VSJAQ]

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

[@ITKAMASUTRA]

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

[@user-ey6em3my8p]

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

[@maxim.saharov]

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

[@maxim.saharov]

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

[@maxim.saharov]

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

[@maxim.saharov]

ReactKamasutra проект

[@ruslanla4654]

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

[@user-bx7rm2rp9g]

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

[@ITKAMASUTRA]

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

[@user-fs4sl5my1o]

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

[@maxim.saharov]

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

[@user-mr7eo3cs5m]

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

[@mordred4138]

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

[@ITKAMASUTRA]

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

[@belle-nastja]

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

[@piligr1m_ua_]

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

[@user-dn4ry3uw8i]

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

[@mariiatkachova570]

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

[@Natalia-ph]

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

[@ITKAMASUTRA]

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

[@rmelsov]

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

[@user-je1el3gj9d]

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

[@andrewbistroff1199]

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

[@Vnikny]

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

[@viktorshcheplyagin9576]

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

[@user-hh8fs6qg9v]

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

[@antonmaksimau7195]

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

[@danilblack8296]

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

[@alira2924]

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

[@user-tb3ol7sx1o]

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

[@ruslankonychev1137]

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

[@user-wd3tl2rx9p]

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

[@user-bl4dl9ke7b]

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

[@dimaruy2975]

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

[@technical777]

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

[@andreykryzhniov794]

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

[@Snegurjan]

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

[@ITKAMASUTRA]

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

[@MMAreflection]

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

[@spacerider9426]

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

[@aleksandrglebik8033]

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

[@Nikita-xe5kv]

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

[@Ivan-mb3ze]

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

[@pmtourist6556]

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

[@ITKAMASUTRA]

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

[@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()

[@startrek9425]

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

[@sheshko_pavel]

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

[@romanjob8152]

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

[@marina-ej4qd9kc1wh]

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

[@oduvanio]

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

[@mykhailostepanishchev6472]

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

[@user-je1el3gj9d]

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

[@gideonamweich7271]

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

[@kuko932]

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

[@egoregorov7988]

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

[@kurtmiller77]

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

[@ruslanla4654]

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

[@djmobley647]

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

[@zzhanat4905]

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

[@user-xt9nl7no8e]

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

[@user-vj8hj9jk2b]

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

[@iliaschet]

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

[@user-fs1ux7dy6r]

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

[@marina-ej4qd9kc1wh]

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

[@VladislavAxt]

почему-то у меня useEffect вызвал бесконечную перерисовку компоненты :| решил тем, что вынес на уровень выше. Код был идентичен с кодом на видео

[@batm1x]

такая же фигня, не понимаю, почему так происходит

[@user-hg2sy3wi6t]

TS2345: Argument of type 'ThunkType' is not assignable to parameter of type 'AnyAction' если кто шарит, маякните если будет решение нормальное

[@user-uc8hn8em5d]

нашёл решение ?

[@user-hg2sy3wi6t]

@@user-uc8hn8em5d +, варик прописать as unknown as AnyAction, либо задать типизацию, в комментах дальнейших видосов есть

[@user-uc8hn8em5d]

@@user-hg2sy3wi6t ну я заюзал решение as unknown as anyAction, но это выглядит не очень), а решения что предлагает офф документация и stackoverflow не работаю, ну буду дальше смотреть может что-то придумаю

[@user-kj9mm2gc3r]

@@user-uc8hn8em5d вы случайно не нашли решение?

[@Marina-1-7]

@@user-kj9mm2gc3r Мне помог вот этот совет (один из первых комментариев к видео, после типизации dispatch ошибка ушла): Чтобы типизировать useDispatch() нужно: В месте где у нас создается store прописать export type AppDispatch = typeof store.dispatch В компоненте прописать const dispatch: AppDispatch = useDispatch()

[@sergiystadnyk6315]

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

[@ITKAMASUTRA]

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

[@IlyaVasilikhin]

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

[@kek_pupold]

С хуками, без хоков и typeScrypt, код выглядит очень сасно

[@user-vj8hj9jk2b]

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

[@StepanVorobiov]

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

[@StepanVorobiov]

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

[@StepanVorobiov]

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

[@annagriboedova6142]

В заголовке указано useReducer, хотя в этом уроке мы его не юзали, надо изменить на useSelector и useDispatch

[@Yaroslav-ie3et]

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

[@user-vj8hj9jk2b]

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

[@TheGena888]

по ощущениям хуки - как после бесплатной больницы пришёл в платную клинику.

[@root3404]

Спасибо!)

[@ITKAMASUTRA]

На здоровье

[@user-gh4wz5eb4b]

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

[@pavelmalorodnov2078]

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

[@jaloliddinhazratqulov891]

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

[@ITKAMASUTRA]

✊🚀🔥

[@kozimjonqosimov7789]

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

[@user-qp9ty8oh7k]

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

[@xtereone]

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

[@user-pl9bm6pv8z]

Spasibo Dimych!!!

[@ussa3374]

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

[@podpison3268]

Как у него follow заработал? Разве там не должно быть рекурсии? P.S. import { follow as followThunk } from '...' решил проблему

[@Volodymyr.S]

в коментах есть ответ от @Monty Dno

[@Al4ii]

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

[@unanyanrazmik]

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

[@mrmicolka]

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

[@akmalmuzafarov487]

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

[@ITKAMASUTRA]

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

[@vladimirww5152]

А компоненты то больше не тупые ОПА

[@root3404]

useSelector, useDispatch, React + Redux + TypeScript

[@Almas-2002]

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

[@ITKAMASUTRA]

✊🚀

[@Dmitriy-bq2xh]

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

[@xeleos]

Со светлой темой в IDE убийственно смотреть для моих глаз.

[@user-cw2bc4dm7v]

34:46 s-love

[@ruslankonychev1137]

JUST WONDERFUL COOL

[@tazalov]

React + TypeScript / useReducer & useDispatch / React JS

[@egor_andryushchenko]

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

[@fexriimanzade4139]

Спасибо бро

[@user-ot1uh9hz1m]

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