Хотите уверенно сочетать мощь TypeScript с гибкостью React?Этот курс поможет вам перейти на новый уровень разработки фронтенда, научив использовать типизацию для создания более надежных, масштабируемых и удобных в поддержке веб‑приложений.
Зачем изучать TypeScript вместе с React
Современная разработка фронтенд‑приложений активно движется в сторону строгой типизации. TypeScript улучшает читаемость кода, снижает количество ошибок и делает большие проекты более предсказуемыми. В комбинации с React, Next.js и Apollo GraphQL он превращается в мощный инструмент для построения высоконадежных интерфейсов.
Преимущества работы с TypeScript в React‑проектах
Ранняя отловка ошибок благодаря статической типизации.
Курс охватывает ключевые аспекты использования TypeScript в React, позволяя перейти от базового понимания к уверенной работе в реальных приложениях.
Основные навыки
Определение типов для функциональных и классовых компонентов.
Применение компонентов более высокого порядка и шаблонов render props.
Работа с React Hooks в TypeScript‑среде.
Импорт и корректное описание типов сторонних библиотек.
Создание собственных типов при необходимости.
Кому подойдет этот курс
Курс ориентирован на разработчиков, которые уже имеют опыт работы с React и хотят углубить свои знания, добавив строгую типизацию в свои проекты. Если вы стремитесь создавать более стабильный и предсказуемый код — этот курс для вас.
Практический проект курса
Чтобы закрепить полученные знания, вы создадите собственное приложение — Task Mate, простой, но функциональный менеджер задач.
Что включает проект
Работу с Next.js для серверного рендеринга и маршрутизации.
Интеграцию Apollo GraphQL для работы с данными.
Реальные кейсы применения HOC, render props и хуков.
Почему именно Task Mate
Этот проект сочетает в себе наиболее востребованные подходы современной разработки. Вы не просто изучите теорию, но и увидите, как применять ее в реальном приложении, от типизации компонентов до интеграции API через GraphQL.
Итог
После прохождения курса вы сможете уверенно использовать TypeScript в React‑проектах, создавать масштабируемые приложения и использовать современные инструменты, такие как Next.js и Apollo GraphQL, на профессиональном уровне.
Урок 1.00:05:48
What is TypeScript and why we need it?
Урок 2.00:06:27
Installing TypeScript globally and locally
Урок 3.00:03:32
TypeScript Section Introduction
Урок 4.00:17:15
Setting Up a Simple TypeScript Project
Урок 5.00:04:34
Modules
Урок 6.00:12:44
Types
Урок 7.00:06:08
Interfaces
Урок 8.00:05:27
Functions
Урок 9.00:11:06
Classes
Урок 10.00:07:24
ECMAScript Private Fields
Урок 11.00:06:00
Implementing Interfaces
Урок 12.00:11:04
Describing Classes Using Interfaces
Урок 13.00:13:37
Generics
Урок 14.00:07:28
Union Type
Урок 15.00:07:02
Intersection Type
Урок 16.00:02:40
Type Alias
Урок 17.00:05:34
Using External Packages and Their Types
Урок 18.00:12:32
Declaration Merging
Урок 19.00:35:33
Utility Types
Урок 20.00:12:16
Mapped Types
Урок 21.00:23:09
Conditional Types
Урок 22.00:00:29
TypeScript with React Section Introduction
Урок 23.00:02:24
What is webpack?
Урок 24.00:09:05
Setting up a webpack project
Урок 25.00:02:38
TypeScript setup options
Урок 26.00:05:55
Setting up TypeScript using ts-loader
Урок 27.00:11:20
Setting up TypeScript using babel-loader
Урок 28.00:05:22
Adding React
Урок 29.00:07:26
Adding a source map
Урок 30.00:08:47
Function components
Урок 31.00:10:18
Setting up CSS Modules
Урок 32.00:05:41
Importing SVGs - adding a logo
Урок 33.00:06:35
Class components
Урок 34.00:10:01
Handling events using React
Урок 35.00:18:44
Using React context and the useState hook
Урок 36.00:15:47
Replacing setState with useReducer
Урок 37.00:08:20
Store cart data in local storage (useEffect hook)
Урок 38.00:06:25
Creating a Higher Order Component - part 1
Урок 39.00:14:48
Creating a Higher Order Component - part 2
Урок 40.00:06:03
Creating a Render Props component
Урок 41.00:02:15
Creating a custom hook
Урок 42.00:10:29
Handling original DOM events
Урок 43.00:01:33
Building a React Redux App Section Introduction
Урок 44.00:10:35
Initial Setup
Урок 45.00:10:15
Setting Up a Fake Server
Урок 46.00:15:51
Setting Up Redux
Урок 47.00:27:12
Creating the Recorder Component
Урок 48.00:04:09
Creating the Event List Component
Урок 49.00:15:39
Loading Events - Part 1
Урок 50.00:22:06
Loading Events - Part 2 (using connect)
Урок 51.00:14:16
Creating Events
Урок 52.00:11:18
Deleting Events
Урок 53.00:19:54
Editing Titles
Урок 54.00:00:56
Building the Tasks App Section Introduction
Урок 55.00:07:51
Setting up a Next.js project with TypeScript
Урок 56.00:09:48
Explaining the tsconfig options
Урок 57.00:08:20
Explaining the esModuleInterop option
Урок 58.00:11:43
Setting up the GraphQL API route
Урок 59.00:20:35
Setting up a local MySQL server
Урок 60.00:13:07
Creating resolvers for the "tasks" query and "createTask" mutation
Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф
Сделайте что то с этим плиз