Фишки TypeScript о которых ТЫ НЕ ЗНАЛ!

preview_player
Показать описание
В этом ролике мы разберем интересные моменты в TypeScript, которые можно будет применять на практике. Поговорим про Union типы, подсветку ошибок, тайпгуарды, утилитарные типы, generic компоненты, условные типы и кортежи, разница между enum vs as const object

Таймкоды:
00:00 ➝ Введение
00:50 ➝ 1 лайфхак. Exhaustive check
03:50 ➝ 2 лайфак. Typeguard is
06:20 ➝ 3 лайфхак. Enums vs const enum vs as const object
14:00 ➝ 4 лайфхак. ReturnType, Parameters
16:20 ➝ 5 лайфхак. Conditional types. Условные типы
18:45 ➝ 6 лайфхак. Кортежи (tuple)
20:00 ➝ 7 лайфхак. Immutable, readonly
21:20 ➝ 8 лайфхак. Utility types
26:10 ➝ 9 лайфхак. Generic component React
27:50 ➝ Наглядный пример работы Event loop в коде
30:10 ➝ Не забудь поставить лайк и написать комментарий для
продвижения видео, всем спасибо за поддержку!)

Поддержать меня и мой канал вы можете по ссылкам ниже.

Рекомендации по теме
Комментарии
Автор

Ulbi, красавчик! Можно вот этого вот побольше?

VasyaFF
Автор

Пили ещё. Не затянуто, познавательно, хотелось бы увидеть, весь список подобных лайфхаков которые ты перечислил в видосе.

dzmitrypasavetsdimapolonez
Автор

Да, это здоровский формат! Быстрая иньекция новой информации, каждый день по 30 мин и уже будешь знать больше чем многие колеги!

IzyLifeVlog
Автор

Очень интересно, большую часть знал, но пара пригодится точно. Очень интересно о каких ещё приёмах ты бы мог рассказать

gigor
Автор

На 24 минуте (Utility Types) при объявлении типа с таким же набором полей как у одного из полей интерфейса, как альернативный вариант записи можно просто записать type Birthday = User['birthday'], тогда конструкция valueOf<T> не потребуется и читабельность будет чуть проще.
Спасибо за видео!

maksimtsvetkov
Автор

Братан, хорош, давай, давай, вперёд! Контент в кайф, можно ещё? Вообще красавчик! Можно вот этого вот почаще?

SeverHolod
Автор

27:43 Если нужно добавить один дженерик в функцию и нет необходимости экстендить его от чего-то, то можно просто добавить запятую: <T, >
В таком виде это уже не будет JSX, а будет именно дженерик. И это актуально только для .tsx файлов, в .ts файлах с этим проблем нет.

BOCbMOU
Автор

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

bulatsafin-cgtg
Автор

Узнал новое, не смотря на то, что с ТС давно на ты

Спасибо!

falsetrue
Автор

По поводу enum: они бывают не только строковые, ещё и числовые - хотя в рантайме это просто число, но на этапе разработки ты можешь писать не === 1, а что-нибудь имеющее смысл.
И зачем они нужны:
1. Чтобы не использовать строки в коде, и чтобы не было соблазна их повторять
2. Чтобы обрабатывать входящие данные: у меня на проекте есть типы газоанализаторов, и приходят они как число 0-255, а на фронт нужно отдать название. Здесь помогли 2 enum - числовой и строковый

geek-peek
Автор

Братан, хорош, давай, вперёд! Контент в кайф, можно ещё? Вообще красавчик! Можно вот этого вот почаще?

MrRbSecond
Автор

Супер видео! буду ждать продолжения и по тайпскрипту и по другим темам! отличный формат!

vmdbcqg
Автор

Какой же офигенный видос. Спасибо большое за материал

tagnati
Автор

Очень полезно! Хочется еще подобный контент с фишками💥

valentinaicheva
Автор

Супер! Давай больше о TS, backend, web3!

farruhsydykov
Автор

Спасибо за видео, очень полезно. Хотелось бы видеть больше таких видео

bumwjzm
Автор

Быстрые гайды офигенно заходят!) Правда слушаю на 1.75, поэтому они прям супер быстрые)) Материал полезный, даже если все знаешь, лишний раз повторишь. Спасибо за труды!

offmpyb
Автор

это какой то п**дец. Я еле еле что то вкурил. И я понял что надо учиться и учиться. Тимур ты реально крут. Спасибо тебе❤❤

holfizz
Автор

Нижайший поклон добрый человек! Очень понравилось! knowledge sharing в массы

gluktd
Автор

Очень круто и полезно! Не знал про Exclude)

reversoid