07 - React + Redux + TypeScript, типизация axios, api, enum, Promise / React JS - Путь Самурая 2.0
Вставка
- Опубліковано 22 жов 2024
- it-incubator.i... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
Коничива, самураи! 👌
Самое время типизировать axios, наш API, Promise... Хотя, всё гораздо проще и неявная типизация сделает своё дело сама)) Зачастую ненужно усложнять ;)
В общем, всё довольно-таки легко.
Спасибо всем за поддержку, комменты, лайки, спонсорство, донаты и подписки!
Вы красавчики, друзья! Я нами всеми горжусь! Летим в космос, братья и сестры!
Поддержать проект монеткой: social-network...
Платное обучение в онлайн или оффлайн инкубаторе:
it-incubator.eu
it-kamasutra.com
А здесь бесплатная взаимопомощь:
t.me/reactjs_s...
Мы в соц. сетях:
itkamas...
/ itkamasutra
telegram.me/it...
Мои личные VK и Insta:
d.kuzyu...
/ it.kamasutra.dimych
#reactJS #typescript #axios #api #практика #примеры #уроки #курс
Удачи нам, друзья!
Даже в 2023 году крайне актуальный и бомбовый по содержанию курс. Я с большой надеждой жду продолжения этой серии видео. А может быть даже самурая 3.0 )
Спасибо тебе за то, что ты делаешь. Всё интересно и доступно. Уважуха ЧЕЛОВЕЧИЩЕ!
Летим, друзья!
Типизировали с помощью TypeScript наш DAL с запросами на серверное API, узнали как работать с axios в связке с TypeScript, а так же узнали о enum. Спасибо за урок, летим дальше!)
Super! Super! Super! TypeSript в axios и api и немного про enum.
Дуже класний курс, єдине чого не вистачає це посилання на акорди пісень)))
Спасибо!
Разобрал типизацию апи запросов на сервер;
Понял, что мы обрабатываем then, а не сам гет запрос!
Начинаю вникать и осозновать всю силу TS.
Респект Дмитрий, держитесь Беорусы!
реально крутой курс!!!
React + Redux + TypeScript, типизация axios, api, enum, Promise
Очень нравится как вы объясняете. То, что раньше не могла понять, в ваших уроках очень доходчиво. Спасибо за бесценный материал! С удовольствием смотрю, и заставка, кстати, очень прикольная))
В очередной раз убеждаюсь что кто как ни ты можешь донести информацию так чтобы понять где конкретно применяется тот или иной случай! До просмотра этого видео, я не мог понять зачем нужны enum и где их можно использовать, но благодаря тебе я это понял, тоже самое касается дженериков, я также не мог до конца понять что это, но просмотрев второй сезон путь самуря меня осенило :) Крутейший курс по React + Redux + TypeScript, в видео очень доходчиво объясняется как типизировать ваше api, Promise, axios.
Рад стараться!! Спасибо за развёрнутый коммент!⚔️
Ух! TypeScript просто бомба! Нашла ошибку, которую еще со времен первого выпуска не могла отловить, а тайпскипт сделал свое дело.
Спасибо Димыч. Я искреннее заинтересовался всей темой программирования благодаря тебе. Ты продвигаешь культ программирования со своими приколами и фишками - это очень классно. То есть обучение представляет из себя не просто рассказывание о чем-то, но и продвижение идеи программирования. Ты отлично мотивируешь меня своими вставочками в начале и конце - я словно смотрю сериал, в котором не хочется пропускать ни опенинг, ни содержание ни эндинг. Спасибо тебе
React + Redux + TypeScript, типизация axios, api, enum, Promise / React JS - Путь Самурая 2.0 СУПЕР СПАСИБО ОГРОМНОЕ
Очень крутая подача материала, с твоих уроков инфа впитывается как вода в губку, спасибо за урок 🚀
Решил погуглить про типизацию axios - а тут сразу на первом месте видео от Димыча. Совпадение - не думаю )
Благодарю сто раз!!!Лучшее объяснение типизации axios, api, enum, Promise / React
React + Redux + TypeScript, типизация axios, api, enum, Promise - Супер объяснение!!!
Димыч, спасибо) React + Redux + TypeScript, типизация axios, api, enum, Promise / React JS
Не заслуженно маленькое кол-во просмотров((
Ты реально достойный человек, как только устроюсь на работу в IT, то обязательно зашлю долю от ЗП)))
Продолжай делать путь дальше, пожалуйста, особенно тёплые чувства охватывают при просмотре твоих роликов, а главное очень понятно, ты лучший в своём роде!
React + Redux + TypeScript, типизация axios, api, enum, Promise / React JS - Путь Самурая 2.0
react-typescript-крутойДимыч))) Не бросай канал!!!!
Спасибо за урок! Летим!
React + Redux + TypeScript, типизация axios, api, enum, Promise / React JS - Путь Самурая 2.0
07 - React + Redux + TypeScript, типизация axios, api, enum, Promise / React JS - Путь Самурая 2.0
продолжай в том-же духе
Крутяк! API typesation completed :) TypeScript TS axios enum Promise
Дима, спасибо за урок. React + Redux + TypeScript, типизация axios, api, Promise.
Супер Димыч! Хороший материал...respect
Круть,спс. React + Redux + TypeScript, типизация axios, api, enum, Promise / React JS
Димыч как Dispatch: Dispatch - задиспатчил и забыл. Димыч- выучил и забыл))))Ариято тебе за все. Любим тебя, Димыч!!!!
Спасибо, Димыч! React + Redux + TypeScript, типизация axios, api, enum, Promise / React JS
Спасибо! enum - очень полезная вещь
... типизируем axios, api в react/redux
Типизация axios, enam, вот что нужно нам!
Спасибо за видео!
#React + #Redux + #TypeScript, #типизация #axios, #api, #enum, #JS #путьСамурая
Огромное спасибо)) React + Redux + TypeScript, типизация axios, api, Promise) Ты топ))
07 - React + Redux + TypeScript, типизация axios, api, enum, Promise / React JS - Путь Самурая 2.0 - The best of the best! Зашло все на ура. Димыч, спасибо за труд. Типизирую дальше сам, читаем док, ждем новый видос!!!
Выражаю огромную благодарность за такой подробный материал!
Супер выпуск! все очень круто и понятно! react redux axios typescript thunk! Аригато, Димыч)
Димыч Красава!)) я пошел типизировать axios)
Круто, Димыч! Спасибо, что научил типизировать axios и api. Бомбим дальше.
Хороший ты мужик, Димыч!
React Redux TypeScript axios, api, enum, Promise
отличный урок!
Огромное спасибо!
React + Redux + TypeScrip
Енамки одна из любимых фич в тс. Когда только про них узнал думал вот же их не хватало при создании констант для экшенов
React + Redux + TypeScript круто
Отличный курс!
Желаю 100к подписчиков до конца года и сил на то, чтобы сделать все 300 выпусков! 😎
Димыч - Легенда!
TypeScript в React Redux. Димыч , огромное спасибо
Спасибо за видео , все прекрасно, летим дальше !))
arigatou, Dimych)
#reactJS #typescript #axios #api #практика #примеры #уроки #курс
Типизировал Axios запросы, Спасибо ! Йей!
React JS Благодарю! Димыч 🙏🏻
react/redux/typescript,
Димычу респект !!!
TypeScript рулит. С его помощью обнаружил древнюю ошибку, которая никак не проявлялась - dispatch(savePhotoSuccess(response.data.data.photos)) (".photos" было лишее)
Тоже нашел её)
Спасибо на японском будет: аригато! 28:30
Протипизировал api, axios, enum, Promise!!! Круто, самураи вперед
Опять полезный урок
Спасибо, Сэнсэй, за твой труд! Смотрю дальше!
Димыч, я еще на пути самурая 1.0, но хочу чтобы ты поглядзел мое сообщение и немного порадовался! Димыч, буду вас догонять, сейчас на 45 видео, еще чуть-чуть и прямо в космос, спасибо за то, что ты есть, я хочу от тебя детей
Спасибо за отличные уроки!
Димыч, ты великолепный преподаватель, аригато, сэнсей! Добомби пожалуйста сезон до конца, ты же нас учил не оставлять и доделывать!
я на курсе 1,0 на 37 уроке но уже в предвкушении второго курса) ты крут)
Ты отличный педагог!!! Спасибо тебе
Спасибо большое!
React + Redux + TypeScript, типизация axios, api + enum
нормалды заходит
Просто дата звучит п..здато)))
Спасибо React Redux и TypeScript понятен, ну про axios api enum Promise тоже понятно.
Дима, спасибо за твой труд!!!
Узнал про типизацию axios, api, enum и Promise в React/Redux на TypeScript. Курс "React JS - Путь Самурая 2.0" отличный
07 - React + Redux ! Кнопок спонсорства нет, яндекс у нас блокируется, но Димыч мы не здаемся (TOR рулит!) и спонсируем, главное продолжай свое благородное дело, пусть у тебя хватит терпения и здоровья реализовать все задуманное!
Офигенно) спасибо от души!🙋🏻♂️🚀✊
Спасибо за все уроки. Про React Native и Mysql снимай пожалуйста
Спасибо за труд и за знаниях
Пожалуйста! Спасибо за обратную связь, самурай ⚔️
Axios, Promise, топ! Спасибо!
Спасибо за отличные уроки)
React, Redux, API, enum, axios, Promise, TypeScript, the best movies!
Растем продвигаемся)
Спасибо за axios, api, enum, Promise
Летим, React + Redux + TypeScript, типизация axios, api, enum, Promise / React JS - Путь Самурая 2.0 !!!
Не,ну если годный контент будет выходить каждый день то тут и подписаться не грех :)
@Том Сойер я платную подписку имел ввиду
Спасибо ! TS/React/Samurai
Arigato, Dimychiro
Спасибо за видосик! А давайте откроем секту поклонников TypeScript? :)
спасибо. летим!!
Бомбил твой курс, но по ходу устроился на работу, где проект на Ангуляре
Был бы неа ютубе такой же Димыч, только для Ангуляра, типа Путь Ронина, или как-нибудь так)
И я за ангулар:)) пожааалуйста:) чтобы вот прям влюбиться в него так же как в родной реакт:)
upd: я уже сменил ту работу на более крутую) И тут у меня Реакт внезапно)
Лайфхак - можно в документации из response скопировать что вернется и просто прописать типы, чтобы не перепечатывать самому
Аригатооооо Димыч-сэнсэй TypeScript, Redux, React
Может парочку пользовательских хуков зафигачим в будущем?
Крутой typescript ,сложноватый местами но крутой !!!
React + Redux + TypeScript, типизация axios, api, enum, Promise
Привет, Димыч) Сделай покрытие ts saga
Спасибо)))
Зашел посмотреть че там дальше будет, пока на 53 уроке 1.0. Скоро я буду здесь еще раз =)
...если data это - что-то, то там что то... потому что, потому что.. потомучто TypeScript - это, это волшебно...
С TypeScript больше нет ощущения хаоса
Друзья не забываем про лайки! 1,3 тыс лайком и 20 тыс просмотров - конверсия в 6% как то очень низкая, ведь всем же нравиться контент чего же Димычу не сделать приятно)! И так же не жмотимся и оформляем ютуб подписку на Димыча - всего 3 дол в месяц! и получите такой значок в подарок от Димыча )
Очень круто
Великий маг
типизация, axios, promise, typescript, tsx
силища нереальная!
Тайпскриптный лайк
a enum может перечислять деньги?
Ну или хотя бы лайки? XD Поставил лайк.
PS ХМ только что заметил, что слетела подписка о_О. Димыч, напоминай в начале видео, что сначала лайк подписка, а потом уже твои труды, твои старания/страдания.
Typescript, типизация axios, api, enum, Promise
протипизировал api, спасибо!
По уроку:
изменили импорт axios: import axios from "axios";
типизировали параметры функций (кроме photo file - его оставили any)
типизировали ответы сервара (response)
Первый способ:
async getAuthData(){
return instanse.get(`auth/me`).then(response: AxiosResponse => response.data)
},
в данном случае any это тип данных которые внутри response (их также нужно типизировать)
Второй способ:
const response = await instanse.get(`auth/me`);
в этом случае getAuthDataResponseType это тип объявленный зараннее
ENUM - это перечесление в ts (строк или чисел). Используя enum создали перечисление статусных кодов возвращаемые сервером:
export enum resultCodesEnum {
Success = 0,
Error = 1,
}
export enum resultCodeForCaptcha {
CaptchaIsRequired = 10
}
type loginResponseType = {
...
resultCode: resultCodesEnum | resultCodeForCaptcha
}
Теперь обращаясь к resultCodesEnum можем сравнивать коды ответа сервера
if (data.resultCode === resultCodeForCaptcha.CaptchaIsRequired) {...}
Arigatō
круто