TypeScript - секретные материалы!

Сколько же секретов скрывает TypeScript? Мало разработчиков знает все их. Так давайте попробуем примкнуть к меньшинству!

0:00 Пролог. TypeScript & JavaScript
01:32 Типизируем вложенные типы
03:55 Священная сила Дженериков
06:45 Как сужать типы?
08:12 Ключник keyof
09:35 Ох, уж эти типы функций
11:06 Что такое маппинг типов?
12:21 Резюме
________________

Один из моих самых любимых каналов о Фронтенде в telegram:

________________

Примеры из видео:

________________
Материалы, которые я использовал для подготовки видео:

Спасибо авторам!

#TypeScript #JavaScript #frontend

[it]

Тренажеры HTML Academy (HTML, CSS, JS, React) + Академия + Книга рецептов фронтендера + комьюнити
за 99 рублей:

Какие тренажеры бывают:

Подписывайтесь:



0:00 Пролог. TypeScript & JavaScript
01:32 Типизируем вложенные типы
03:55 Священная сила Дженериков
06:45 Как сужать типы?
08:12 Ключник keyof
09:35 Ох, уж эти типы функций
11:06 Что такое маппинг типов?
12:21 Резюме



Примеры из видео:



Материалы, которые я использовал для подготовки видео:

Спасибо авторам!


#TypeScript #JavaScript #frontend

[olegshipitsyn]

Вы заметили, как изящно тайпскрипт решает проблемы, которые сам же и создал?))
Толковый видос. Спасибо автору

[nikitaalekseev]

Ого! Супер видео по Typescript! Столько полезности в 13 минутах контента!
Никакой воды, только реальные, интересные примеры!
Это то что нужно, а то столько видосов где целый час объясняют только одну простую вещь.

[uszakow]

Чел, ты гений! Случайно зашел на видео - а тут в 13 минутах ответы на половину моих вопросов! Ну, само видео вероятно надо будет пересмотреть еще раз 5, чтобы не просто "принять к сведению", а и научиться с этим работать. Видео получилось очень насыщенным, но в данном случае это просто отлично! Может быть было бы хорошо еще тот же материал, только оформить в виде статьи и прикрепить в качестве ссылки. Но это так, чисто пожелание. Рад, что нашел канал!

[antonvlasov]

Пишу на TS уже больше трех лет, видос зачетный. Основные концепции описаны очень годно, автор - лайк! Отличные материалы

[pavel_er]

Класс, хочется еще такого. Наброшу тем и вопросов для буудующих видео про TS: что такое never, как пользоваться key of, key in, как написать свои DeepPartail, Omit, Pick, что такое declare, когда as хорошо, а когда его лучше не использовать... Народ, набрасывайте еще вопросы в комменты к этом комменту.

[faust]

Невероятно полезное видео. Каждый кейс встречался в проде.

[champ__champ]

Годный гайд бы еще запилил по тайпскрипту, вообще цены не было!!! ЛАЙК

[romanmed]

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

[scarlatum]

Не видео, а наглядный пример "Когда не знаешь что делать с инструментом, но очень хочешь его использовать".
Да и боюсь, больше отпугнёт новичков от "языка" из-за неуместности некоторых моментов, нежели объяснит для чего он нужен...

2:40 - "Используйте emun вместо union типов". Ну или использовать подтип, что в целом избавит вас от "рантайм-оверхеда" enum'ов. Не хочется писать типы? Пиши на чистом JS. Проблема с типизацией аргументов функции тут же отпадает при наличии подтипа. Хотя за само желание использовать строковые значения в модели - Нужно по рукам бить, и больно.

4:43 - Вместо того чтобы описать контракт с бэкенд частью, упорно сунуть туда дженерик ради дженерика - Великолепно! Дженерик типы нужны лишь для одной вещи - Обобщать схожие типы. Всё. Остальное лишь приведёт к излишней сложности.

7:10 - Partial<Employee>.

11:25 - Забавно, но именно тут создание нового типа в разы уместнее, нежели маппинг. Если первый тип отписывает RGB, то его "клон" описывает его канал(?). Если уж на то пошло, можно было обойтись тем же union типом "Color<RGB | number>". Утилитные типы полезны, если использовать их осторожно, и к месту.

[lesan]

видео обалденное, очень благодарен за Ваш труд!

[snatvb]

Надо будет еще рассказать про использование детерминанта для паттерн матчинга - вещь крайне крутая и полезная

[steptoweb]

Отличный контент, подача, голос, музыка и монтаж - продолжай, пожалуйста!

[resonance]

За Pick лайк, столько времени мучался используя преобразования типов через as, чтобы не объявлять все ключи в объекте, больше не буду так делать )

[demiurgen]

Очень нравится формат подачи материала!

[rmnkot]

Офигенно, супер видос!! Ждем следуюющих видео!

[gregorytorshin]

Очень годный ролик, давай следущий скорее)

[GSySte]

Мужик, топ тема, пересмотрел ещё разок, и для себя закрепил крутые штуки. Успехов на этом поприще!!!

[adoyez]

Спасибо за видео. Знал тайпскрипт только на поверхности и использовал как дилетант)
Жду следующие части

[EugeneChe-]

Дааааа! Только хотел попросить рассказывать про плюшки ибо голоден. И вот они с пылу с жару! Спасибо! Больше плюшек!