Главная страницаКатегория react.jsReact и TypeScript

React и TypeScript

Name: React и TypeScript
Price: 12.5 USD
Rating: 5 (47 reviews)

React and TypeScript

frontendmasters

Steve Kinney

★5 (всего оценок - 47)

Продолжительность

5 ч 3 мин

Категория

React.js

Количество уроков

46 Видео

Дата добавления

11 апр. 2021 г., 15:40

Язык

Английский

Дата выхода

7 апр. 2021 г., 03:00

Дата обновления

29 апр. 2026 г., 09:52

React и TypeScript — мощное сочетание для разработки надежных, масштабируемых и предсказуемых интерфейсов. Если вы хотите сократить количество багов, ускорить разработку и упростить поддержку кода, TypeScript станет идеальным дополнением к вашему React‑стеку. Этот курс поможет вам уверенно применять типизацию и создавать приложения, которые легче расширять и сопровождать.

Зачем сочетать React и TypeScript

По мере роста React‑проекта увеличивается количество сценариев использования компонентов, взаимодействий и передаваемых данных. Без строгой типизации ошибки легко пропускаются и проявляются только на стороне клиента. TypeScript решает эту проблему, обеспечивая раннее выявление неточностей ещё на этапе компиляции.

Преимущества использования TypeScript в React

Предотвращение ошибок — типы помогают ловить неточности до выполнения кода.
Удобная разработка — редакторы предоставляют улучшенный автокомплит, подсказки и рефакторинг.
Прозрачность структуры данных — компоненты становятся более предсказуемыми.
Лучшая масштабируемость — большой код легче поддерживать с типами.

Что вы изучите в этом курсе

Курс сочетает теорию, практику и реальные примеры применения TypeScript в React‑проектах любого масштаба.

Создание приложения с нуля

Вы научитесь правильно настраивать окружение и инициализировать проект React с использованием TypeScript, включая настройку сборки, линтинга и структуры каталогов.

Типизация компонентов

Мы разберём типизацию функциональных и классовых компонентов, включая:

типизацию пропсов (Props);
описание состояния (State);
типизацию обработчиков событий;
работу с children и дженериками.

Работа с React Hooks

Вы научитесь правильно использовать типы в стандартных и кастомных хуках:

useState и вывод типов;
useEffect и зависимости;
useRef и работа с DOM;
типизация собственных хуков с параметрами и возвращаемыми значениями.

Практические результаты

После прохождения курса вы сможете уверенно применять TypeScript в реальных проектах и избегать распространённых ошибок, связанных с динамической типизацией JavaScript.

Вы научитесь

создавать новое приложение React с TypeScript;
типизировать существующие и кастомные React‑хуки;
добавлять проверку типов в функциональные и классовые компоненты;
повышать надёжность и масштабируемость приложений;
повышать эффективность разработки за счёт строгой типизации.

Кому подходит этот курс

Курс будет полезен:

React‑разработчикам, желающим перейти на более типобезопасный стек;
JavaScript‑разработчикам, стремящимся освоить современные практики;
командам, которые масштабируют продукт и хотят сократить количество ошибок.

Итог

Освоив React и TypeScript вместе, вы сможете создавать приложения быстрее, безопаснее и предсказуемее. Этот курс поможет вам вывести ваш уровень разработки на новый профессиональный уровень.

Удален по просьбе правообладателя

Урок 1.00:05:22
Introduction
Урок 2.00:02:14
Local Setup
Урок 3.00:06:59
propTypes
Урок 4.00:07:53
Common Types
Урок 5.00:04:54
Types vs Interfaces
Урок 6.00:02:20
Typing Children Exercise
Урок 7.00:05:06
Typing Children Solution
Урок 8.00:04:49
Typing CSS Styling
Урок 9.00:07:43
useState Hook
Урок 10.00:12:00
Set State Without a Default Value
Урок 11.00:00:56
useEffect TypeScript Exercise
Урок 12.00:02:38
useEffect TypeScript Solution
Урок 13.00:11:21
Typing Class-Based Components
Урок 14.00:00:31
Typing Hooks & Component Exercise
Урок 15.00:03:10
Typing Hooks & Component Solution
Урок 16.00:01:00
Asynchronous Events Exercise
Урок 17.00:09:45
Asynchronous Events Solution
Урок 18.00:17:27
Typing Reducers
Урок 19.00:01:02
Reducers Exercise
Урок 20.00:11:05
Reducers Solution
Урок 21.00:04:54
Adding Counter Action
Урок 22.00:09:47
Context API
Урок 23.00:09:38
State Management with Context
Урок 24.00:14:20
Reusable Props Interface
Урок 25.00:10:10
Generics
Урок 26.00:04:43
Generics Exercise
Урок 27.00:04:21
Generics Solution
Урок 28.00:08:58
Utility Types in React
Урок 29.00:07:04
Refactoring with Utility Types
Урок 30.00:00:52
Utility Types Exercise
Урок 31.00:02:20
Utility Types Solution
Урок 32.00:04:01
Template Literals
Урок 33.00:09:52
Template Literals Continued
Урок 34.00:16:47
Higher Order Components
Урок 35.00:00:33
Higher Order Components Exercise
Урок 36.00:05:28
Higher Order Components Solution
Урок 37.00:08:46
Limiting Props
Урок 38.00:11:06
Polymorphic Components
Урок 39.00:00:46
Polymorphic Components Exercise
Урок 40.00:08:41
Polymorphic Components Solution
Урок 41.00:06:46
Function Overloads
Урок 42.00:02:09
Function Overloads Exercise
Урок 43.00:11:51
Function Overloads Solution
Урок 44.00:16:16
Context API Edge Cases
Урок 45.00:04:35
Migrating from JavaScript
Урок 46.00:00:46
Wrapping Up

Авторы - frontendmasters, Steve Kinney

frontendmasters

FrontendMasters — одна из ведущих онлайн-платформ для изучения фронтенд- и веб-разработки. Курсы представлены в формате видеоворкшопов и преподаются практикующими экспертами из крупных технологических компаний. Платформа охватывает широкий спектр современных технологий (JavaScript, React, TypeScript и др.) и делает упор на глубокое понимание и применение знаний на практике.

+792

Steve Kinney

Стив - архитектор фронтенда в компании Temporal. Ранее он занимал аналогичную должность в Twilio и SendGrid. Стив также является основателем и почетным директором программы обучения фронтенд-разработке в Turing School for Software and Design в Денвере, Колорадо — это некоммерческая программа подготовки разработчиков. В прошлой жизни Стив был учителем в государственных школах Нью-Йорка, где он преподавал специальное образование и веб-разработку в

+11

Комментарии

Rays
22 янв. 2022 г., 21:32
Github Repo: https://github.com/stevekinney/react-and-typescript
Mikey
5 июн. 2021 г., 18:38
Can confirm. Actually, lessons 10, 23 and 24 are low quality (640x360)
parnasmi
5 июн. 2021 г., 12:38
23 lesson is very low quality. It would be nice it will have been replaced by better one.
Anonymous
17 апр. 2021 г., 12:29
Can anybody share the slide presentation links?
KOTMTH
16 апр. 2021 г., 12:28
Pls upload this course
Become a React Developer
https://www.udacity.com/course/react-nanodegree--nd019
Anonymous
11 апр. 2021 г., 16:49
thanks a lot