Тёмный

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

Михаил Непомнящий
Подписаться 68 тыс.
Просмотров 42 тыс.
50% 1

TypeScript для Redux Toolkit - как повышение надежности React-приложения. RTK и React-Redux написаны на TypeScript, а официальная документация дает нам отличные примеры лучших практик для использования в собственных приложениях.
Ссылки из видео:
Код из видео github.com/mic...
Оригинальный проект github.com/mic...
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru...
paypal.me/mish...

Опубликовано:

 

4 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 75   
@Артемий-ю3ч
@Артемий-ю3ч 2 года назад
Спасибо за контент по тайпскрипту, как раз начал на нем писать. Хотелось бы ещё увидеть типизацию AsyncThunk и библиотеку axios.
@enmaboya
@enmaboya 2 года назад
у axios типизация из коробки
@edqars
@edqars 2 года назад
Спасибо за видео! Очень жду материал по типизации AsyncThunk
@aleksandrshturm1092
@aleksandrshturm1092 9 месяцев назад
Лучший ру контент по js и прочим ! Очень круто объясняете ! Спасибо
@learningit2572
@learningit2572 2 года назад
Вся Благодарность в Мире адресована вам)) почему то мне очень заходит ваше объяснения. Большое при большое человеческое спасибо.
@karenm.944
@karenm.944 2 года назад
Качественный контент, которого так не хватает. Спасибо за проделанную работу!
@WanKy182
@WanKy182 2 года назад
Спасибо , информативно. Было бы интересно ещё увидеть добавление asyncThunk, EntityAdapter, rtk Query - с тайпскриптом конечно)
@styxrus
@styxrus 2 года назад
Спасибо, Михаил, за материал! Очень хорошая подача, доступно объясняешь.
@user-fn4jw5nc3z
@user-fn4jw5nc3z 2 года назад
Честно говоря когда я слушаю большинство программистов, которые что то объясняют, удивляюсь почему они говорят так сложно, ведь все тоже самое можно сказать проще не теряя в смысле. Михаилу спасибо большое.
@andrewsam224
@andrewsam224 Год назад
Прям, в точку Михаил. После просмотров некоторых неудачных видосов у других людей, когда мозг сначала закипает а потом => засыпает.
@olegsh2888
@olegsh2888 2 года назад
Контент по заявкам подъехал)) Спасибо, Михаил! Отлично!
@БегущаявТерновнике
спасибо за подачу и нужный материал! желаю развития вашему каналу!
@nickolz1091
@nickolz1091 2 года назад
Спасибо. Коротко и всё по теме, то что нужно!
@homesergei1801
@homesergei1801 2 года назад
Спасибо. Вы лучший!!! Ждём следующего видео.
@fgsxdfdsqwrwerwerw7556
@fgsxdfdsqwrwerwerw7556 2 года назад
Как же ты вовремя поднял эту тему, только начал ts учить. Нужно больше ts
@andys9810
@andys9810 Год назад
Очень недооцененный канал. Всё толково, всё по делу.
@andrewsam224
@andrewsam224 Год назад
Круто!!! Когда прям указываешь на сколько важна типизация и как именно она помогает!!! После слов:вот здесь мы не ошибёмся никогда, имелось ввиду автодополнение. Прям по-другому посмотрел на Typescript.
@АнатолийГорбов-о1ь
Отличный контент! Автору спасибо!
@nijy001
@nijy001 2 года назад
Спасибо за видео! как раз учу ТС) и тут такое...) Спасибо!
@sergsergey4251
@sergsergey4251 2 года назад
Спасибо за очередное полезное видео
@НиколайСеливанов-и2в
Спасибо. Качество контента как всегда на высоте.
@annashirinskaya7400
@annashirinskaya7400 Год назад
Большое спасибо за ваши уроки! Очень понятно и структурированно объясняете, очень приятно у вас учиться!
@ЕвгенийБатулин-г9з
@ЕвгенийБатулин-г9з 10 месяцев назад
Спасибо Михаил!
@anton4422
@anton4422 7 месяцев назад
Отличный урок, большое спасибо
@pashasergiychuk8854
@pashasergiychuk8854 2 года назад
Только искал контент про типизацию тулкитов, Спасибо!
@ВладимирГугин-ш7щ
@ВладимирГугин-ш7щ 2 года назад
Очень в кассу. Полезно про типизацию
@АнастасияАнанко-х1н
Спасибо! Супер контент, аналогов почти нет. Недавно начала смотреть ваши видео, очень нравится!
@ДанилГречкин-з5ч
Очень достойный контент, благодарю от всей души за такую работу
@АлександрВаснев-у2г
Спасибо, Михаил, очень нужное видео, сильно помогло
@egor.illjin
@egor.illjin 2 года назад
Огонь, спасибо! Мне как нельзя кстати)
@boburmustafo8868
@boburmustafo8868 Год назад
ochen kruta spasibo
@garik0220
@garik0220 2 года назад
Спасибо! Жду видео про RTK query, тоже с типизацией)
@ОксанаКовш-ъ8т
@ОксанаКовш-ъ8т Год назад
Даражэнькі Міхаіл, дзякуй вам вялікі за такі цудоўны кантэнт! праз вашы відэа я ў большасці зразумела redux toolkit! 💋💋💋
@ДанилДмитриев-я5м
на русском пиши
@ОксанаКовш-ъ8т
@ОксанаКовш-ъ8т Год назад
​@@ДанилДмитриев-я5м навошта?
@alexvav2161
@alexvav2161 Год назад
@@ДанилДмитриев-я5м тоді краще на енгліш
@artyomsultanov5204
@artyomsultanov5204 2 года назад
Спасибо! Очень круто объясняешь! Удачи!
@ОлегПетров-п4у
@ОлегПетров-п4у 2 года назад
Спасибо! (Типизация для Redux Toolkit)
@andrewsam224
@andrewsam224 Год назад
От души Миша!!! Спасибо.
@nizom333
@nizom333 2 года назад
Спасибо отличный контент делайте
@o_antushevich
@o_antushevich Год назад
Отличное видео! спасибо!
@user-fn4jw5nc3z
@user-fn4jw5nc3z 2 года назад
Большое спасибо👍👍👍👍👍👍👍👍👍
@vladimirrezvanov8276
@vladimirrezvanov8276 2 года назад
Ты лучший! Спасибо!
@happyhomo4423
@happyhomo4423 2 года назад
классное видео, ждем createAsynkThunk!
@AirdropLuck
@AirdropLuck 2 года назад
тупа подарок
@maga_frank
@maga_frank Год назад
В интерфейсе на 17:30 для updateText указал тип React.Dispatch вместо (str: string) => void, и работает также без ошибок
@КириллМохначевский-о3ю
А можно создание селекторов вынести в отдельный файл, чтобы наши компоненты ничего не знали про устройство стейта и тогда можно писать const todos = useSelector(selectTodos); Не создавая дополнительного хука
@mishanep
@mishanep 2 года назад
Да, конечно можно в отдельном файле, но лучше с дополнительным хуком))
@Ksushapi
@Ksushapi 10 месяцев назад
Михаил, я заметила, что иногда для типизации объектов вы используете type, а иногда interface. Есть ли какое-то правило когда что использовать. Например, пропсы типизируем через interface, а, скажем, обьект с данными о пользователе через type. Тот же стейт вы типизируете через type, но я часто встречаю, что это делают через interface. Или это не суть важно?
@mishanep
@mishanep 9 месяцев назад
По факту это вопрос предпочтений. Когда нужно объединять несколько объектных типов, многим нравятся интерфейсы. Но того же можно добиться и с алиасами типов. Разница будет если писать интерфейсы для классов. Но если ими не пользоваться, можно обойтись одними алиасами типов.
@Ksushapi
@Ksushapi 9 месяцев назад
@@mishanep Спасибо, Михаил, что всегда отвечаете на вопросы. Это очень ценно)
@PeterTeslenko
@PeterTeslenko 8 месяцев назад
У Вас есть видео про переезд на RTK 2, но там Вы рассматриваете только js, можете рассказать, что меняется в контексте ts?
@ИгорьМешалкин-ж7ф
@ИгорьМешалкин-ж7ф 7 месяцев назад
Очень правильно посреди настройки бросить её и начать писать кастомные хуки. (нет)
@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, то это не всегда актуально. Редакс часто добавляется в уже существующий проект по хожу жизненного цикла. Да и не каждый проект в принципе через эту утилиту создается.
@vroshupkin1
@vroshupkin1 6 месяцев назад
Ага типизируешь useDispatch, а в его использовании он всеравно остается any. Какой тогда смысл, кроме того, что код чуть читаемее становится? 1.5 часа голову ломал, как протипизировать его, а на деле оказывается все это так используют
@РасулМырзакулов-э8и
Здраствуите у меня хуки appDispatch , appSelector реакт говорить нельзя использовать на верхнем уровне нужно или на реакт компоненте вызывать или на кастом хук функции
@РасулМырзакулов-э8и
Все все решил я просто забыл в функцию обернуть юздиспатч спасибо за видео
@RED_eveloper
@RED_eveloper 2 года назад
Привет! Если хочу в Акшон передать объект что в место стринга писать?
@mishanep
@mishanep 2 года назад
Тип объекта
@ДмитрийДмитриевич-ы2о
Это всегда так было или это новый способ?
@mishanep
@mishanep 2 года назад
О чем конкретно вопрос-то?)
@DENISUKgamer
@DENISUKgamer 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 7 месяцев назад
@@trendsgallery Что за бред? Это Чат ГТП высрал?
@vladimircreator
@vladimircreator 11 месяцев назад
ГОЙДА!
@СтасюкАндрій
@СтасюкАндрій 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 Помогите пж
@semen083
@semen083 Год назад
Как Вы определяете, в каких случаях тип надо задавать через Type, а в каких через Interface?
@mishanep
@mishanep Год назад
В большинстве случае определяет style guide на проекте =) По большому счету, если вы не пишете библиотеку общего пользования и не используете интерфейсы для типизации классов, можно всегда обходиться алиасами.
@sergeysamius1128
@sergeysamius1128 2 года назад
Большое спасибо! отличное видео!
Далее
React-приложение на TypeScript
41:29
Просмотров 67 тыс.
Песня РАСПУТИН на русском!🔥
00:56
Обменялись песнями с POLI
00:18
Просмотров 1 млн
КОГДА НАКРОШИЛ НА ПОЛ #shorts
00:19
TRENDNI BOMBASI💣🔥 LADA
00:28
Просмотров 781 тыс.
Redux - Complete Tutorial (with Redux Toolkit)
37:01
Просмотров 217 тыс.
Песня РАСПУТИН на русском!🔥
00:56