Как изучать TypeScript

Разумеется, изучать тайпскрипт нужно после изучения джаваскрипта. Как всегда теория в документации, а у нас — практические задачи на написание кода.

Задачки с codewars

Прежде всего можно переписать на тайпскрипт некоторые задачи из списка задач с codewars. Мы их уже разбирали, достаточно добавить типы. Избранные задачи:

• Greet developers
• My Language Skills
• Group Anagrams
• Triple Sorting
• Sports League Table Ranking
• Simple frequency sort
• Name That Integer
• zipWith
• Super power frequency function
• The Span Function
• Function composition
• multiFilter
• I Spy
• Determine sizeof C datatype

Методы массисов / списков

Для закрепления темы Generic Types можно реализовать в виде отдельных функций несколько методов массива. Для продвинутых студентов — реализовать класс LinkedList с теми же самыми методами.

Как известно, в JS у массивов более 40 методов. Наииболее полезные с точки зрения иучения тайпскрипта:

• map
• filter
• every
• some
• reduce
• group
• groupToMap
• sort
• forEach
• find
• findLast
• findIndex
• findLastIndex

Дженерик-компонент на реакте

Начать изучение того, как использовать TypeScript в React можно с написания компонента таблицы, которая умеет рендерить массивы произвольных объектов.

Продвинутые возможности тайпскрипта

Для изучения чуть более продвинутых тем (conditional types, infer, never, unknown, utility types) мы решаем задачи из списка Type Challenges. Там полторы сотни задач, нам достаточно разобрать пару десятков. Задачи подбираются под уровень и цели студента.