Урок 11. Операции с типами: вычисляем новые типы из существующих

🚀 Продолжаем изучать TypeScript! 💙 В этом уроке мы разберём одну из самых мощных возможностей системы типов TypeScript — вычисляемые типы. Именно они позволяют автоматически строить новые типы на основе уже существующих, избавляться от дублирования и создавать гибкие, безопасные API. Вы познакомитесь с операторами keyof и typeof в типовой позиции, научитесь получать типы отдельных свойств и элементов массивов с помощью Indexed Access Types, разберётесь с условными типами (Conditional Types), ключевым словом infer, распределением по объединениям, отображаемыми типами (Mapped Types), переименованием ключей, шаблонными строковыми типами (Template Literal Types) и рекурсивными типами. В завершение урока мы объединим все эти возможности и построим полностью типизированную систему событий, где TypeScript автоматически связывает имя события с соответствующим типом данных. К концу урока вы будете понимать, как устроены многие встроенные utility types TypeScript и как создавать собственные вычисляемые типы для реальных проектов. 📚 В этом уроке ✅ Оператор keyof и получение ключей объекта ✅ typeof в типовой позиции ✅ Indexed Access Types ✅ Conditional Types ✅ Распределение условных типов по объединению (union) ✅ Ключевое слово infer ✅ Mapped Types ✅ Переименование и фильтрация ключей ✅ Template Literal Types ✅ Рекурсивные типы ✅ Мини-проект: типизированная система событий ⏱️ Таймкоды 00:00 — Введение 00:28 — 1. keyof 02:52 — 2. typeof в типовой позиции 06:04 — 3. Indexed Access Types 08:27 — 4. Conditional Types 10:40 — 5. Распределение по объединению 13:07 — 6. infer 15:36 — 7. Mapped Types 18:16 — 8. Переименование ключей 21:37 — 9. Template Literal Types 23:57 — 10. Рекурсивные типы 27:03 — 11. Типизированная система событий 🎯 После этого урока вы будете понимать 🔹 как получать новые типы из уже существующих; 🔹 зачем нужен оператор keyof; 🔹 чем typeof в типовой позиции отличается от обычного typeof; 🔹 как извлекать типы свойств и элементов массивов; 🔹 как работают условные типы; 🔹 почему Conditional Types распределяются по union; 🔹 для чего используется infer; 🔹 как устроены Mapped Types; 🔹 как автоматически переименовывать и фильтровать ключи; 🔹 как создавать строковые типы по шаблону; 🔹 когда применять рекурсивные типы; 🔹 как объединить все эти возможности при построении типизированной системы событий. 💙 Если видео оказалось полезным — поставьте лайк 👍, подпишитесь на канал 🔔 и напишите в комментариях: ❓Какая возможность TypeScript показалась вам самой полезной: keyof, infer, Mapped Types или Template Literal Types? 📖 Официальная документация TypeScript Creating Types from Types: https://www.typescriptlang.org/docs/handbook/2/types-from-types.html Conditional Types: https://www.typescriptlang.org/docs/handbook/2/conditional-types.html Mapped Types: https://www.typescriptlang.org/docs/handbook/2/mapped-types.html Template Literal Types: https://www.typescriptlang.org/docs/handbook/2/template-literal-types.html 🎮 TypeScript Playground https://www.typescriptlang.org/play 📂 Репозиторий с домашним заданием: https://github.com/alexeirybak/typescript-course/tree/Lesson_11 #TypeScript #JavaScript #Frontend #WebDevelopment #Programming #Coding #React #NodeJS #Программирование #ВебРазработка #TypeScriptTutorial #TypeSystem #Keyof #MappedTypes #ConditionalTypes #Infer #TemplateLiteralTypes #Generics