TypeScript базовый курс (Практика React + Vite)

Описание

В этом видео будет рассказано про базу typescript. Зачем он нужен, как им пользоваться. Разберем основные типы данных. Посмотрим, куда вообще типы нужно писать. Изучим type и interface, а также разницу между ними. Посмотрим на Utility Types. Попрактикуемся с React, который установим через Vite. Изучим enum, union, intersection и многое другое.

Поддержать автора: donationalerts.com/r/kakeitoyroki

Чат для всех: t.me/kakieToYrokiChat

Утилитарные типы: typescriptlang.org/docs/handbook/utility-types.html
TsConfig: typescriptlang.org/tsconfig
Vite: vitejs.dev/guide/

Исходный код (Который с ошибками):
github.com/R1ON/typescript_lessongs/tree/main/FirstVersion

Исходный код (Финальная версия):
github.com/R1ON/typescript_lessongs/tree/main/FinalVersion

***** Таймкоды:
00:00 Введение
00:31 Зачем нужен Typescript
01:25 Пример с JsDoc
02:58 Как Typescript помогает
04:54 Подготовка к практике
05:41 Какие темы изучим
06:12 Типы данных
07:50 Тип any
09:30 Типизация функций
13:18 Типизация объектов
14:44 type и interface
16:07 Необязательный параметр
17:06 Типизация массивов
18:17 Практика изученного
22:37 Union (Объединение)
28:08 Разница между type и interface
30:26 Intersection (Пересечение)
35:04 Повтор пройденного
38:34 Литеральные типы
42:03 Кастование типов (as unknown)
45:56 enum (Перечисления)
50:25 const enum
54:22 Когда использовать enum
57:10 Utility types
57:57 Partial
59:50 Required
01:00:17 Readonly
01:01:26 Pick
01:03:13 Omit
01:05:25 NonNullable
01:05:30 ReturnType
01:07:21 Итог про utility types
01:09:55 Запускаем TS локально
01:10:55 Vite react-ts
01:13:48 Удаляем лишнее
01:15:22 Знакомимся с проектом
01:16:16 Типизируем react компонент
01:18:36 JSX.Element или FC
01:20:36 Типизация хука useState
01:21:45 Типизация массива объектов
01:25:32 Типизируем промис
01:27:37 Типизируем обычную функцию
01:29:10 Типизируем функцию внутри компонента
01:33:33 Типизируем второй компонент
01:37:05 Типизируем значение, которое возвращает функция
01:38:18 Подводим итог
01:40:08 Типизируем событие ChangeEvent
01:43:03 Типизируем событие MouseEvent
01:43:57 ChangeEventHandler
01:44:40 Практика const enum
01:50:41 tsconfig.json
01:53:02 Подводим финальный итог
01:54:05 Всем спасибо, всем пока

***** Музыка:
"Tokyo Music Walker - Slowly" is under a Creative Commons (CC-BY 3.0) license.
https://www.youtube.com/channel/UC3lL...
Music promoted by BreakingCopyright: https://youtu.be/L4snZSpQApo

"The Loyalist - Eastridge Turnstile" is under a Creative Commons (CC-BY 3.0) license
Music promoted by BreakingCopyright: https://bit.ly/b-turnstile

"Purrple Cat - Warm Horizon" is under a Creative Commons (CC BY-SA 3.0) license
Music promoted by BreakingCopyright: https://bit.ly/bkc-warm

"Purrple Cat - Windy" is under a Creative Commons (CC BY-SA 3.0) license.
https://www.youtube.com/purrplecatmusic
? Music provided by BreakingCopyright: https://youtu.be/5aOBYaHgmk8

"Ghostrifter Official - Lost In Thought" is is under a Creative Commons (CC BY-ND 3.0) license.
http://creativecommons.org/licenses/b...
https://youtube.com/channel/UCoRhkLds...
Music powered by BreakingCopyright: https://youtu.be/u5QBqjuMUaQ

"Artificial.Music - Faithful Mission" is under a Creative Commons (CC BY 3.0) license.
https://www.youtube.com/c/SmartToaster
? Music provided by BreakingCopyright: https://bit.ly/faithful-mission-song

Song: "Dj Quads - Birds And The Bees"
https://www.youtube.com/c/DjQuadsOffi...
Music provided by BreakingCopyright: https://youtu.be/ZNadyNG6U-s

"Darren Curtis - Justify the Lie" is under a Creative Commons (CC BY 3.0) license.
https://www.youtube.com/c/DarrenCurti...
Music promoted by BreakingCopyright: https://youtu.be/rsyWCW7tGWQ