React Tutorial: из JavaScript в TypeScript на примере Memory Game

Опубликовано: 13 Февраль 2026
на канале: Ivan Kleshnin
1,652
70

Мега-Туториал по рефакторингу React-приложения с JavaScript на TypeScript на примере игры Memory Game. Игра была реализована с нуля в рамках двух предыдущих видео-туториалов.
В этой части к проекту добавляется статическая типизация.

Мастер-класс для широкой аудитории: от продвинутых начинающих до среднего уровня и выше. Детально проговариваются вопросы типизации, дизайна кода, сочетания TypeScript с функциональной парадигмой программирования.

Отзывы от моих студентов: https://bit.ly/Mkdev-ivan-kleshnin
Моя образовательная платформа: https://bit.ly/Paqmind

Мои курсы:
Бесплатное пособие по веб-инструментарию: https://bit.ly/Web-Toolkit
Мультиязычные веб-приложения: https://bit.ly/Web_Application
Основы разработки на React: https://bit.ly/React-Fundamentals

Приглашаю в свои соц. сети:
Telegram: https://t.me/Paqmind
LinkedIn:   / ivan-kleshnin  
Группа ВК: https://vk.com/paqmind

Поддержать автора и выпуск новых роликов:
Patreon:   / paqmind  

Таймеры:
00:00 – Вступление.
00:26 – Почему TypeScript?
03:46 – NextJS и TypeScript.
09:47 – Типизация игровой клеточки. Данные, функции, компоненты.
21:48 – Последовательность перехода с JS на TS
23:44 – Типизация игровой доски. TS vs FP curry.
32:36 – Типизация состояния, хуков, корневых компонент.
38:29 – Заключение. Выводы.

Предыдущее видео:    • React Tutorial: рефакторинг с CSS на Style...  

#react #reactjs #tutorial #frontend #gamedev #refactoring