Типизация для Redux Toolkit

  Рет қаралды 42,757

Михаил Непомнящий

Михаил Непомнящий

Күн бұрын

Пікірлер: 76
@КостяМамонтов-л9д
@КостяМамонтов-л9д 14 сағат бұрын
Очень круто. Посмотрел сначала первое видео про Redux Tollkit и начал делать его сразу же на TS, но возникали вопросы и не получалось сделать. В какой-то момент перестал делать и решил просто досмотреть видео и позже нагуглить как типизировать Redux Toolkit, а оказывается тут же на канале уже все есть в отдельном видео. Красота
@edqars
@edqars 2 жыл бұрын
Спасибо за видео! Очень жду материал по типизации AsyncThunk
@aleksandrshturm1092
@aleksandrshturm1092 10 ай бұрын
Лучший ру контент по js и прочим ! Очень круто объясняете ! Спасибо
@Артемий-ю3ч
@Артемий-ю3ч 2 жыл бұрын
Спасибо за контент по тайпскрипту, как раз начал на нем писать. Хотелось бы ещё увидеть типизацию AsyncThunk и библиотеку axios.
@enmaboya
@enmaboya 2 жыл бұрын
у axios типизация из коробки
@learningit2572
@learningit2572 2 жыл бұрын
Вся Благодарность в Мире адресована вам)) почему то мне очень заходит ваше объяснения. Большое при большое человеческое спасибо.
@karenm.944
@karenm.944 2 жыл бұрын
Качественный контент, которого так не хватает. Спасибо за проделанную работу!
@andys9810
@andys9810 Жыл бұрын
Очень недооцененный канал. Всё толково, всё по делу.
@styxrus
@styxrus 2 жыл бұрын
Спасибо, Михаил, за материал! Очень хорошая подача, доступно объясняешь.
@user-fn4jw5nc3z
@user-fn4jw5nc3z 2 жыл бұрын
Честно говоря когда я слушаю большинство программистов, которые что то объясняют, удивляюсь почему они говорят так сложно, ведь все тоже самое можно сказать проще не теряя в смысле. Михаилу спасибо большое.
@andrewsam224
@andrewsam224 Жыл бұрын
Прям, в точку Михаил. После просмотров некоторых неудачных видосов у других людей, когда мозг сначала закипает а потом => засыпает.
@andrewsam224
@andrewsam224 Жыл бұрын
Круто!!! Когда прям указываешь на сколько важна типизация и как именно она помогает!!! После слов:вот здесь мы не ошибёмся никогда, имелось ввиду автодополнение. Прям по-другому посмотрел на Typescript.
@БегущаявТерновнике
@БегущаявТерновнике 2 жыл бұрын
спасибо за подачу и нужный материал! желаю развития вашему каналу!
@olegsh2888
@olegsh2888 2 жыл бұрын
Контент по заявкам подъехал)) Спасибо, Михаил! Отлично!
@annashirinskaya7400
@annashirinskaya7400 Жыл бұрын
Большое спасибо за ваши уроки! Очень понятно и структурированно объясняете, очень приятно у вас учиться!
@WanKy182
@WanKy182 2 жыл бұрын
Спасибо , информативно. Было бы интересно ещё увидеть добавление asyncThunk, EntityAdapter, rtk Query - с тайпскриптом конечно)
@nickolz1091
@nickolz1091 2 жыл бұрын
Спасибо. Коротко и всё по теме, то что нужно!
@fgsxdfdsqwrwerwerw7556
@fgsxdfdsqwrwerwerw7556 2 жыл бұрын
Как же ты вовремя поднял эту тему, только начал ts учить. Нужно больше ts
@homesergei1801
@homesergei1801 2 жыл бұрын
Спасибо. Вы лучший!!! Ждём следующего видео.
@АнатолийГорбов-о1ь
@АнатолийГорбов-о1ь Жыл бұрын
Отличный контент! Автору спасибо!
@anton4422
@anton4422 9 ай бұрын
Отличный урок, большое спасибо
@АнастасияАнанко-х1н
@АнастасияАнанко-х1н Жыл бұрын
Спасибо! Супер контент, аналогов почти нет. Недавно начала смотреть ваши видео, очень нравится!
@nijy001
@nijy001 2 жыл бұрын
Спасибо за видео! как раз учу ТС) и тут такое...) Спасибо!
@НиколайСеливанов-и2в
@НиколайСеливанов-и2в 2 жыл бұрын
Спасибо. Качество контента как всегда на высоте.
@ДанилГречкин-з5ч
@ДанилГречкин-з5ч Жыл бұрын
Очень достойный контент, благодарю от всей души за такую работу
@АлександрВаснев-у2г
@АлександрВаснев-у2г Жыл бұрын
Спасибо, Михаил, очень нужное видео, сильно помогло
@pashasergiychuk8854
@pashasergiychuk8854 2 жыл бұрын
Только искал контент про типизацию тулкитов, Спасибо!
@ВладимирГугин-ш7щ
@ВладимирГугин-ш7щ 2 жыл бұрын
Очень в кассу. Полезно про типизацию
@ЕвгенийБатулин-г9з
@ЕвгенийБатулин-г9з Жыл бұрын
Спасибо Михаил!
@sergsergey4251
@sergsergey4251 2 жыл бұрын
Спасибо за очередное полезное видео
@egor.illjin
@egor.illjin 2 жыл бұрын
Огонь, спасибо! Мне как нельзя кстати)
@garik0220
@garik0220 2 жыл бұрын
Спасибо! Жду видео про RTK query, тоже с типизацией)
@andrewsam224
@andrewsam224 Жыл бұрын
От души Миша!!! Спасибо.
@ОксанаКовш-ъ8т
@ОксанаКовш-ъ8т Жыл бұрын
Даражэнькі Міхаіл, дзякуй вам вялікі за такі цудоўны кантэнт! праз вашы відэа я ў большасці зразумела redux toolkit! 💋💋💋
@ДанилДмитриев-я5м
@ДанилДмитриев-я5м Жыл бұрын
на русском пиши
@ОксанаКовш-ъ8т
@ОксанаКовш-ъ8т Жыл бұрын
​@@ДанилДмитриев-я5м навошта?
@alexvav2161
@alexvav2161 Жыл бұрын
@@ДанилДмитриев-я5м тоді краще на енгліш
@artyomsultanov5204
@artyomsultanov5204 2 жыл бұрын
Спасибо! Очень круто объясняешь! Удачи!
@ОлегПетров-п4у
@ОлегПетров-п4у 2 жыл бұрын
Спасибо! (Типизация для Redux Toolkit)
@boburmustafo8868
@boburmustafo8868 Жыл бұрын
ochen kruta spasibo
@nizom333
@nizom333 2 жыл бұрын
Спасибо отличный контент делайте
@maga_frank
@maga_frank Жыл бұрын
В интерфейсе на 17:30 для updateText указал тип React.Dispatch вместо (str: string) => void, и работает также без ошибок
@user-fn4jw5nc3z
@user-fn4jw5nc3z 2 жыл бұрын
Большое спасибо👍👍👍👍👍👍👍👍👍
@sergeysamius1128
@sergeysamius1128 2 жыл бұрын
Большое спасибо! отличное видео!
@vladimirrezvanov8276
@vladimirrezvanov8276 2 жыл бұрын
Ты лучший! Спасибо!
@happyhomo4423
@happyhomo4423 2 жыл бұрын
классное видео, ждем createAsynkThunk!
@КириллМохначевский-о3ю
@КириллМохначевский-о3ю 2 жыл бұрын
А можно создание селекторов вынести в отдельный файл, чтобы наши компоненты ничего не знали про устройство стейта и тогда можно писать const todos = useSelector(selectTodos); Не создавая дополнительного хука
@mishanep
@mishanep 2 жыл бұрын
Да, конечно можно в отдельном файле, но лучше с дополнительным хуком))
@AirdropLuck
@AirdropLuck 2 жыл бұрын
тупа подарок
@Ksushapi
@Ksushapi 11 ай бұрын
Михаил, я заметила, что иногда для типизации объектов вы используете type, а иногда interface. Есть ли какое-то правило когда что использовать. Например, пропсы типизируем через interface, а, скажем, обьект с данными о пользователе через type. Тот же стейт вы типизируете через type, но я часто встречаю, что это делают через interface. Или это не суть важно?
@mishanep
@mishanep 11 ай бұрын
По факту это вопрос предпочтений. Когда нужно объединять несколько объектных типов, многим нравятся интерфейсы. Но того же можно добиться и с алиасами типов. Разница будет если писать интерфейсы для классов. Но если ими не пользоваться, можно обойтись одними алиасами типов.
@Ksushapi
@Ksushapi 11 ай бұрын
@@mishanep Спасибо, Михаил, что всегда отвечаете на вопросы. Это очень ценно)
@PeterTeslenko
@PeterTeslenko 10 ай бұрын
У Вас есть видео про переезд на RTK 2, но там Вы рассматриваете только js, можете рассказать, что меняется в контексте ts?
@ИгорьМешалкин-ж7ф
@ИгорьМешалкин-ж7ф 9 ай бұрын
Очень правильно посреди настройки бросить её и начать писать кастомные хуки. (нет)
@c4973
@c4973 Жыл бұрын
Михаил, подскажите, пожал., открытую API для получения названий и описаний статей на 100 символов, а при открытии - полная статья 😇 Очень нужно для тестового!
@VadimBakunovich
@VadimBakunovich 2 жыл бұрын
Спасибо за интересное видео! Однако не совсем понятно, зачем при создании store нужно изобретать велосипед, когда разработчики rtk уже все сделали за нас: 1. Можно стартануть проект с шаблоном ts. 2. Можно зайти в соответствующий раздел официальной доки и скопипастить.
@mishanep
@mishanep 2 жыл бұрын
Так разве в видео был велосипед? В официальной доке предлагается такой же подход. Я ничего не придумывал в этом отношении. А само видео больше направлено на то, чтобы разобраться что зачем. В дальнейшем можно и копипасть при желании, но всегда лучше делать с пониманием что есть что.
@VadimBakunovich
@VadimBakunovich 2 жыл бұрын
@@mishanep Я о том, что типизация стора в rtk идёт из коробки. Можно было это показать, а не писать руками, чтобы у новичков не создавалось ощущения, что разработчики rtk опять усложняют свой продукт )
@mishanep
@mishanep 2 жыл бұрын
Что значит из коробки? Если речь про готовые темплейты, которые можно ставить с create-react-app, то это не всегда актуально. Редакс часто добавляется в уже существующий проект по хожу жизненного цикла. Да и не каждый проект в принципе через эту утилиту создается.
@РасулМырзакулов-э8и
@РасулМырзакулов-э8и 2 жыл бұрын
Здраствуите у меня хуки appDispatch , appSelector реакт говорить нельзя использовать на верхнем уровне нужно или на реакт компоненте вызывать или на кастом хук функции
@РасулМырзакулов-э8и
@РасулМырзакулов-э8и 2 жыл бұрын
Все все решил я просто забыл в функцию обернуть юздиспатч спасибо за видео
@vroshupkin1
@vroshupkin1 8 ай бұрын
Ага типизируешь useDispatch, а в его использовании он всеравно остается any. Какой тогда смысл, кроме того, что код чуть читаемее становится? 1.5 часа голову ломал, как протипизировать его, а на деле оказывается все это так используют
@DENISUKgamer
@DENISUKgamer 2 жыл бұрын
Мысли читаете))
@RED_eveloper
@RED_eveloper 2 жыл бұрын
Привет! Если хочу в Акшон передать объект что в место стринга писать?
@mishanep
@mishanep 2 жыл бұрын
Тип объекта
@ДмитрийДмитриевич-ы2о
@ДмитрийДмитриевич-ы2о 2 жыл бұрын
Это всегда так было или это новый способ?
@mishanep
@mishanep 2 жыл бұрын
О чем конкретно вопрос-то?)
@d0paminer
@d0paminer 2 жыл бұрын
+++
@trendsgallery
@trendsgallery Жыл бұрын
Почему в новой документации RTK нет никакой абсолютно информации про хук useAppSelector ? А в старой есть!! То есть они оставили useAppDispatch, а инфу про useAppSelector выпилили. Это почему так произошло? Какое же говно непонятное все эти документации.
@trendsgallery
@trendsgallery Жыл бұрын
В новой документации Redux Toolkit есть информация о другом хуке, который заменяет `useAppSelector`. Это новый хук `useSelector` из библиотеки `@reduxjs/toolkit`. В старых версиях Redux Toolkit, хук `useSelector` принадлежал пакету `react-redux` и требовал явного указания типа состояния (`RootState`). Однако, начиная с версии 7.1.0 Redux Toolkit, этот хук был включен непосредственно в саму библиотеку Redux Toolkit и новая документация больше не упоминает `useAppSelector`. Теперь, вместо `useAppSelector`, использование рекомендуется просто вызывать `useSelector` из `@reduxjs/toolkit`, так как он автоматически будет знать о типе состояния. Необходимость в типизации (`TypedUseSelectorHook`) уже встроена в новый `useSelector`. В итоге, если вы используете новую версию Redux Toolkit, можно просто использовать `useSelector` без необходимости в явном указании типа состояния.
@pickun1524
@pickun1524 9 ай бұрын
@@trendsgallery Что за бред? Это Чат ГТП высрал?
@vladimircreator
@vladimircreator Жыл бұрын
ГОЙДА!
@СтасюкАндрій
@СтасюкАндрій 2 жыл бұрын
Спасибо за видео! У меня возникла ошибка The above error occurred in the component: at Provider (localhost:3000/static/js/bundle.js:3918:5) Consider adding an error boundary to your tree to customize error handling behavior. Cannot read properties of null (reading 'useMemo') at useMemo (react.development.js:1650:1) at Provider (Provider.js:12:1) Возможно не та версия react-redux Помогите пж
@o_antushevich
@o_antushevich 2 жыл бұрын
Отличное видео! спасибо!
Типизация для асинхронного Redux Toolkit
22:09
Михаил Непомнящий
Рет қаралды 26 М.
Асинхронная работа с Redux Toolkit и createAsyncThunk
42:24
Михаил Непомнящий
Рет қаралды 107 М.
Кто круче, как думаешь?
00:44
МЯТНАЯ ФАНТА
Рет қаралды 6 МЛН
Don't underestimate anyone
00:47
奇軒Tricking
Рет қаралды 18 МЛН
React-приложение на TypeScript
41:29
Михаил Непомнящий
Рет қаралды 69 М.
Redux + Redux Toolkit | Продвинутый полный курс | Часть 1
3:08:18
Евгений Паромов | Front-end
Рет қаралды 37 М.
Redux - Complete Tutorial (with Redux Toolkit)
37:01
Cosden Solutions
Рет қаралды 242 М.
Redux Toolkit для управления состоянием в React-приложении
1:00:09
Михаил Непомнящий
Рет қаралды 205 М.
Кто круче, как думаешь?
00:44
МЯТНАЯ ФАНТА
Рет қаралды 6 МЛН