ui.dev (ex. Tyler McGinnis)
Tyler McGinnis делает обучающее видео по AngularJS, React, D3 и многих других важных современных веб-технологий.
Продолжительность
2 ч 0 мин
Категория
React.jsКоличество уроков
29 Видео
Дата добавления
16 янв. 2021 г., 21:03
Язык
Английский
Дата обновления
29 апр. 2026 г., 09:19
React с TypeScript — идеальное сочетание для создания масштабируемых, надёжных и удобных в сопровождении веб‑приложений. В этом курсе вы узнаете, как объединить возможности React и строгую типизацию TypeScript, чтобы ускорить разработку и повысить качество кода.
Что вы узнаете на курсе
Курс поможет вам уверенно совмещать TypeScript с современными инструментами React, избегать частых ошибок и создавать более предсказуемые интерфейсы.
- Основы и продвинутые возможности типов в TypeScript
- Типизация React-компонентов: функциональные компоненты, props, state
- Типизация хуков: useState, useEffect, useReducer и пользовательские хуки
- Работа с контекстом и типизацией контекстных значений
- Типобезопасная работа с API и внешними данными
- Организация и масштабирование приложений с TypeScript
Почему важно сочетать React и TypeScript
Связка React + TypeScript открывает новые возможности для качественной разработки. Она помогает находить ошибки ещё на этапе написания кода и значительно улучшает читаемость и поддержку проектов.
Типобезопасность как конкурентное преимущество
Благодаря строгой типизации вы снижаете риск неожиданных ошибок в рантайме, что особенно важно для крупных и долгоживущих проектов.
Лучшее взаимодействие внутри команды
Ясные интерфейсы, предсказуемое поведение и самодокументируемость кода делают совместную работу разработчиков проще и эффективнее.
Для кого подходит этот курс
Курс разработан для тех, кто уже знаком с основами JavaScript и React и хочет поднять качество своей разработки на новый уровень.
- Frontend-разработчиков, стремящихся освоить TypeScript
- React-разработчиков, желающих улучшить архитектуру и стабильность проектов
- Разработчиков, планирующих работать с крупными приложениями и командами
Какие навыки вы получите
- Уверенное владение TypeScript в контексте React
- Умение создавать типобезопасные компоненты и хуки
- Навыки работы с типами данных, обобщениями и сложными структурами
- Понимание лучших практик проектирования приложений на React с TypeScript
Итог
Освоив React с TypeScript, вы сможете создавать более надёжные и удобные для сопровождения приложения — навык, который ценится в современных командах разработки.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:02:09Introduction, Philosophy, and Tips (2:08)
- Урок 2. 00:04:07Configuring TypeScript for React (4:06)
- Урок 3. 00:03:12Class Components (3:11)
- Урок 4. 00:01:01(Practice) Annotating Components (1:00)
- Урок 5. 00:03:57(Solution) Annotating Components (3:56)
- Урок 6. 00:03:06Function Components (3:05)
- Урок 7. 00:05:19Component and Element Types (5:18)
- Урок 8. 00:05:17(Bonus) Intrinsic Elements (5:16)
- Урок 9. 00:07:28useState & useReducer (7:27)
- Урок 10. 00:01:13(Practice) useReducer (1:12)
- Урок 11. 00:04:56(Solution) useReducer (4:55)
- Урок 12. 00:04:09useEffect, useMemo, useCallback (4:08)
- Урок 13. 00:03:45Common Props Patterns (3:44)
- Урок 14. 00:05:03Event Handlers (5:02)
- Урок 15. 00:08:39Advanced Props Patterns (8:38)
- Урок 16. 00:03:39(Bonus) PropTypes (3:38)
- Урок 17. 00:00:45(Practice) Props (0:44)
- Урок 18. 00:04:18(Solution) Props (4:17)
- Урок 19. 00:04:18Context (4:17)
- Урок 20. 00:03:25Refs (3:24)
- Урок 21. 00:01:31(Project) Introduction (1:30)
- Урок 22. 00:04:09(Project) TypeScript Configuration (4:08)
- Урок 23. 00:06:43(Project) API (6:42)
- Урок 24. 00:03:28(Project) Hooks, Context, Tooltip (3:27)
- Урок 25. 00:04:23(Project) Battle (4:22)
- Урок 26. 00:02:43(Project) Card, Nav, Loading (2:42)
- Урок 27. 00:09:20(Project) Popular (9:19)
- Урок 28. 00:07:29(Project) Results (7:28)
- Урок 29. 00:01:21What's Next? (1:20)
Автор - ui.dev (ex. Tyler McGinnis)
Комментарии