TypeScript + React #4 Типизация событий (Typing of Events)

#YauhenK #webDev #TypeScript #React

Всех приветствую в курсе «TypeScript + React».
В данном видеокурсе мы с вами рассмотрим связку библиотеки React и синтаксиса TypeScript. Из библиотеки мы разберём типизацию функциональных и классовых компонентов, событий и элементов, методов жизненного цикла, контекста и портала и конечно же хуки. А в дополнение рассмотрим типизацию React-роутера и Redux.

✒ Репозиторий курса:

✒ Используемые ресурсы и инструменты:
lmhkpmbekcpmknklioeibfkpmmfibljd?hl=ru

✒ Полезные ссылки:

✒ Полный список готовых и планируемых курсов:

✒ Автор курса:

[ДмитрийПригульнов]

Видео Огонь. Коротка по теме безо всякой воды. Вы делаете хорошее дело своим трудом

[КириллИнтеров]

Спасибо! Очень полезные видео в этой серии, подписался!!

[velessn]

Спасибо, Женя за отличный курс. Так держать. Даёшь 💯 к подписчиков))

[KomarovPavel-ifud]

Совет: если в VSCode (не знаю как в других) в jsx навести на аттрибут, задающий обработчик события, то появится подсказка с описанием типов: элемента, аттрибута, события и возвращаемого значения. Не нужно запоминать все события, можно просто копировать их из подсказок в разметке.

[Евгений-уеы]

Спасибо!
говорят если в комментарии написать тему видео, то будет чаще в выдает, попробуем
TypeScript & React Типизация событий
TypeScript & React Typing of Events

[ВикторКржеминский]

Здравствуйте, Евгений! Как всегда - видео Супер++, однако имею один вопрос по этой теме, ответ на который не смог нигде найти, вопрос касается типизации event.target.elements? как например вот в этом эпизоде:
const enteredDataLosses = (e: any) => {
e.preventDefault();
let elements = e.target.elements;
let timeMoment = !elements["time"] ? 0 : +elements["time"].value;

}

[xohk]

А будут ли видео по TypeScript & React & MobX?

[almazmusic]

Автору, конечно, респект за освещение важных тем, но развить такую тему на 7 минут...
Достаточно ведь просто написать метод в разметке и навести на него мышкой и любой вменяемый редактор подскажет, какой колбек он ожидает.

[learningit]

TypeScript & React Типизация событий
TypeScript & React Typing of Events
продвигаем

[wwaiperr]

пишем код чтобы писать код, это гениально, ts не индусы случайно придумали?

[KomarovPavel-ifud]

Как типизировать кейс с универсальным обработчиком ввода, когда имя поля ввода задаётся динамически? this.setState({ [evt.target.name]: evt.target.value }). Как подружить динамическое поведение со статической типизацией?

[ВсеволодРусинский]

👉 Этот комментарий создан в качестве уважения автору и для продвижения его канала.

[javascripttask]

каким же нужно быть тупым, чтобы реально не понять о "чём" говорится в видео и поставить диз, да еще и быть в одиночестве. Хейтер, тебя не буратино случайно зовут ?_))

[lesters]

скажи эти дженерики, типы которые в них указываются как HTMLButtonElement и тд это их реакта подтягивает или это заложено в тайпскрипте?