TypeScript в работе
Курс о том, как типы ловят ошибки до запуска, а не о теории систем типов. Берём магазин из курса «React на практике» и переводим его на TypeScript файл за файлом: пропсы, состояние, данные с сервера, свои хуки. К финалу вы читаете чужие типизированные проекты без ужаса.
Что вы сможете делать
8 модулей, один проект
01 Зачем типы2 урока · 1 ч 24 минОткрыт
Что типы ловят на самом деле, чего не ловят и почему проект переводят по частям, а не за один вечер.
02 Типы данных приложения2 урока · 1 ч 32 мин
Описываем товар, пользователя и заказ — те же сущности, что уже есть в магазине.
03 Функции, сужение и union3 урока · 2 ч 14 мин
Главный рабочий приём TypeScript: проверка в коде, после которой тип становится точным.
04 Пропсы и children2 урока · 1 ч 34 мин
Компоненты с типизированным интерфейсом: что обязательно, что нет и как описать children и ref.
05 Состояние и события3 урока · 2 ч 18 мин
useState, формы и обработчики: место, где новичок чаще всего пишет any и теряет всю пользу.
06 Дженерики без страха2 урока · 1 ч 36 мин
Дженерики на собственных хуках: сначала конкретный код, потом обобщение — и становится понятно зачем.
07 Данные с сервера2 урока · 1 ч 32 мин
Тип не гарантирует, что сервер прислал именно это: проверяем данные на границе приложения.
08 Перевод проекта целиком2 урока · 1 ч 50 мин
Финальный модуль: включаем строгость по шагам и убираем последние any из магазина.
Что вы получаете
Видео с таймкодами и текстовой версией: код из урока копируется вместе с сообщениями компилятора.
Тот же проект на JavaScript в стартовом состоянии и его типизированная версия — можно сверять файл за файлом.
Двадцать типичных сообщений с переводом на человеческий язык и объяснением, что именно править.
tsconfig для строгого и мягкого режима с комментариями к каждому флагу — чтобы включать строгость постепенно.
Первый модуль открыт целиком
Посмотрите уроки первого модуля и первое задание. Если формат не подойдёт — вы ничего не потеряли.