Как изучать TypeScript

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

Практические задачи

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

Полный список задач, сгруппированных по темам, на maxcode.dev

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

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

Как известно, в JS у массивов более 40 методов. Наиболее полезные с точки зрения иучения тайпскрипта: map, filter, every, some, reduce, groupBy, sort, forEach, find, findLast, findIndex, findLastIndex

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

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

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

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