TypeScript в React — ПОЛНОЕ руководство (ускоренный курс)

Описание: 👉 НОВЫЙ курс React и Next.js: https://bytegrad.com/courses/professi...
Привет, меня зовут Уэсли. Я амбассадор бренда Kinde (платное спонсорство).
👉 Добавьте аутентификацию в своё приложение БЫСТРО: https://bit.ly/3QOe1Bh

👉 НОВЫЙ курс по React и Next.js: https://bytegrad.com/courses/professi...
👉 Профессиональный курс по JavaScript: https://bytegrad.com/courses/professi...
👉 Профессиональный курс по CSS: https://bytegrad.com/courses/professi...

👉 Discord: у всех моих курсов есть закрытый Discord, где я активно участвую.
🔔 Рассылка по электронной почте (скоро БОЛЬШОЕ обновление): https://email.bytegrad.com

⏱️ Временные метки:
0:00 JSX в TSX
0:28 Типизация переменных
1:28 Типизация функций
2:55 Типизация компонентов React
3:17 React.FC
3:52 Типизация props
6:37 Извлечение тип
7:20 Преимущества TypeScript
7:44 Необязательно
8:14 Преимущества TypeScript (продолжение)
8:35 'любой' тип
9:14 Тип возвращаемого значения компонента?
9:38 Тип Union
10:03 Извлечение типа
10:45 Типизация массивов
11:32 Тип Tuple
12:21 React.CSSProperties
14:38 Тип Record
16:01 Типизация функций
17:18 Типизация дочерних элементов (React.ReactNode)
18:34 React.JSX.Element против React.ReactNode
19:42 Типизация сеттер-функции useState
21:01 Значения свойств по умолчанию
21:35 Псевдоним типа против интерфейса
24:00 ComponentPropsWithoutRef
26:52 ...rest и ...spread
27:49 Пересечение (&)
29:03 Расширения интерфейса
29:34 Типизация функций-обработчиков событий
31:13 Типизация хука useState
34:33 Типизация хука useRef
35:29 'as const'
36:55 Исключить утилиту
37:38 Утверждение типа 'as'
38:31 Дженерики (ПРОСТО!)
42:00 Дженерики в React
45:10 index.d.ts против types.ts
45:34 Тип импорта
47:05 Тип 'unknown'
48:20 Zod
48:58 Библиотека ts-reset
49:28 Сторонние типы ('@types' / DefinitelyTyped)
50:33 tsconfig.json
52:09 next-env.d.ts

#веб-разработка #программирование #кодирование

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

Этот канал и весь его контент принадлежат и управляются компанией ByteGrad Sp. z o.o. с ИНН: PL6762676561.
.
ЛУЧШИЙ ресурс для изучения ИИ для разработчиков — https://datacamp.pxf.io/RGyxrR (платное спонсорство и ByteGrad Sp. z o.o. получает комиссию)