WebDev+ | Веб-разработка
8.31K subscribers
506 photos
242 videos
10 files
702 links
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки

Связь: @devmangx
Download Telegram
TypeScript в своей наиболее выразительной форме

— Generics (обобщения)
— Omit (исключение свойств из типа)
— keyof (получение ключей типа)
— Literal Union (объединение литеральных типов)

Смотри, как это делает код типобезопасным 👇

#TypeScript
Please open Telegram to view this post
VIEW IN TELEGRAM
Прокачай TypeScript с помощью ключевых утилитных типов

Сохрани, чтобы не потерять

#TypeScript

@WebDev_Plus
⚡️Утилита на TypeScript для отображения вложенных ключей объекта в плоское объединение путей в точечной нотации

#TypeScript

@WebDev_Plus
Please open Telegram to view this post
VIEW IN TELEGRAM
Вывод типов по вложенным путям объектов в TypeScript — чисто и типобезопасно

#TypeScript

@WebDev_Plus
Mapped types в TypeScript + ремап ключей для выбора нужного обработчика

#TypeScript

@WebDev_Plus
Exclude<T, U> в TypeScript позволяет вырезать подмножество из объединённого типа

#TypeScript

@WebDev_Plus
Ремаппинг mapped types в TypeScript для автоматической генерации feature-флагов!
#TypeScript

@WebDev_Plus
🔥1
⚡️ В TypeScript можно использовать labeled tuples, чтобы на этапе компиляции жёстко задавать точную длину массива.

#TypeScript

@WebDev_Plus
4
Mapped types + generic indexing в TypeScript
Форма вашего payload привязана к имени события.
Обратились к неправильному полю внутри обработчика? Ошибка компиляции. 👇

#TypeScript
Сопоставленные типы и обобщённая индексация в TypeScript

Форма payload привязана к имени события.

Обратился не к тому полю внутри обработчика — получил ошибку компиляции.

#TypeScript

@WebDev_Plus
Определи форму данных. Убери проверки 👇

#TypeScript
Please open Telegram to view this post
VIEW IN TELEGRAM