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

✏️ This video will cover the basics of TypeScript, why it's needed, and how to use it. We'll cover the basic data types. We'll look at where types should be written. We'll explore types and interfaces, and the differences between them. We'll look at Utility Types. We'll practice with React, which we'll install via Vite. We'll explore enums, unions, intersections, and much more. PART 2:    • 🚀 Курс по TypeScript 2025 | 2 часть [keyof...   🔥 Support the author: https://www.donationalerts.com/r/kake... 📚 Links: Source code (with errors): https://github.com/R1ON/typescript_le... Source code (Final version): https://github.com/R1ON/typescript_le... Utility types: https://clck.ru/3FUWEg TsConfig: https://www.typescriptlang.org/tsconfig/ Vite: https://vitejs.dev/guide/ 💬 Telegram chat (help for beginners): https://t.me/kakieToYrokiChat 🎦 Other videos: 🔵 Chrome Dev Tools full course:    • Chrome Dev Tools полный курс [2024]  |  Pe...   🟢 Full Roadmap for Frontend:    • Как долго учить HTML, CSS, JavaScript, Typ...   🟡 How to become a MIDDLE FRONTEND developer?:    • Как стать MIDDLE FRONTEND? [Roadmap 2026]   🎦 Playlists: 🟣 HTML:    • Уроки по HTML для НАЧИНАЮЩИХ   🔵 CSS:    • Уроки по CSS для НАЧИНАЮЩИХ   🟢 SVG:    • SVG для НАЧИНАЮЩИХ   🟡 JavaScript:    • Уроки по JavaScript для НАЧИНАЮЩИХ   🟠 TypeScript:    • TypeScript   🔴 React:    • React для НАЧИНАЮЩИХ   ⏰ Timestamps: ▶ 00:00 | Introduction ▶ 00:31 | Why Typescript? ▶ 01:25 | JsDoc Example ▶ 02:58 | How Typescript Helps ▶ 04:54 | Preparing for Practice ▶ 05:41 | What Topics Will We Cover? ▶ 06:12 | Data Types ▶ 07:50 | The Any Type ▶ 09:30 | Function Typing ▶ 13:18 | Object Typing ▶ 14:44 | type and interface ▶ 16:07 | Optional Parameter ▶ 17:06 | Array Typing ▶ 18:17 | Putting What We've Learned into Practice ▶ 22:37 | Union ▶ 28:08 | The Difference Between Type and Interface ▶ 30:26 | Intersection ▶ 35:04 | Review ▶ 38:34 | Literal Types ▶ 42:03 | Type Casting (as unknown) ▶ 45:56 | Enum (Enumerations) ▶ 50:25 | const enum ▶ 54:22 | When to Use 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 Type Summary ▶ 01:09:55 | Running TS Locally ▶ 01:10:55 | Vite react-ts ▶ 01:13:48 | Removing Unnecessary Things ▶ 01:15:22 | Getting to Know the Project ▶ 01:16:16 | Typing a React Component ▶ 01:18:36 | JSX.Element or FC ▶ 01:20:36 | Typing the useState Hook ▶ 01:21:45 | Typing an Array of Objects ▶ 01:25:32 | Typing a Promise ▶ 01:27:37 | Typing a Regular Function ▶ 01:29:10 | Typing a Function Inside a Component ▶ 01:33:33 | Typing the Second Component ▶ 01:37:05 | Typing the value returned by a function ▶ 01:38:18 | Wrapping up ▶ 01:40:08 | Typing the ChangeEvent ▶ 01:43:03 | Typing the MouseEvent ▶ 01:43:57 | ChangeEventHandler ▶ 01:44:40 | Const enum practice ▶ 01:50:41 | tsconfig.json ▶ 01:53:02 | Wrapping up ▶ 01:54:05 | Thanks everyone, bye everyone 🔊 Music: "Tokyo Music Walker - Slowly" is under a Creative Commons (CC-BY 3.0) license. https://www.youtube.com/channel/UC3lL... Music promoted by BreakingCopyright:    • 🚣 Free Calm Piano Music (For Videos) - "Sl...   "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.    / purrplecatmusic   🎵 Music provided by BreakingCopyright:    • 🐈 Free Lofi Chillout Music (For Videos) - ...   "Ghostrifter Official - Lost In Thought" 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:    • 📚 Study + Lofi (Free Music) - "LOST IN THO...   "Artificial.Music - Faithful Mission" is under a Creative Commons (CC BY 3.0) license.    / smarttoaster   🎵 Music provided by BreakingCopyright: https://bit.ly/faithful-mission-song Song: "Dj Quads - Birds And The Bees"    / djquadsoffi.  . Music provided by BreakingCopyright:    • [Non Copyrighted Music] @DjQuadsOfficial  ...   "Darren Curtis - Justify the Lie" is under a Creative Commons (CC BY 3.0) license.    / darrencurti.  . Music promoted by BreakingCopyright:    • 🥀 Free Dark Music - "Justify the Lie" by D...   #frontend #react #javascript #ts #typescript

🚀 Курс по TypeScript 2025 | 2 часть [keyof, typeof, mapped types, unknown, never, void, type guard]
▶︎

🚀 Курс по TypeScript 2025 | 2 часть [keyof, typeof, mapped types, unknown, never, void, type guard]

TypeScript ФУНДАМЕНТАЛЬНЫЙ КУРС от А до Я. Вся теория + практика
▶︎

TypeScript ФУНДАМЕНТАЛЬНЫЙ КУРС от А до Я. Вся теория + практика

Промисы в JavaScript [Полный курс 2023] для новичков
▶︎

Промисы в JavaScript [Полный курс 2023] для новичков

TYPESCRIPT с НУЛЯ за 70 минут — ПОЛНЫЙ КУРС 2025!
▶︎

TYPESCRIPT с НУЛЯ за 70 минут — ПОЛНЫЙ КУРС 2025!

React Tutorial 2026 | Complete React Course for Beginners
▶︎

React Tutorial 2026 | Complete React Course for Beginners

Курс TypeScript за 150 минут | Практика | Обучение бесплатно | TypeScript с нуля
▶︎

Курс TypeScript за 150 минут | Практика | Обучение бесплатно | TypeScript с нуля

Node JS фундаментальный курс от А до Я. Node.js Теория и практика
▶︎

Node JS фундаментальный курс от А до Я. Node.js Теория и практика

👀 Почему ты ДОЛЖЕН знать TYPESCRIPT в 2025? [6 советов для JavaScript разработчиков] #ts #js
▶︎

👀 Почему ты ДОЛЖЕН знать TYPESCRIPT в 2025? [6 советов для JavaScript разработчиков] #ts #js

Как быстро освоить NestJS с нуля за 3 часа!
▶︎

Как быстро освоить NestJS с нуля за 3 часа!

TypeScript самый полноценный КУРС с 0 до Pro. Теория и практика. 2025
▶︎

TypeScript самый полноценный КУРС с 0 до Pro. Теория и практика. 2025

🔥 GOD UNLEASHES the Truth | Psalms 23, 35, 91 and 112 To Break Curses and Activate Abundance
▶︎

🔥 GOD UNLEASHES the Truth | Psalms 23, 35, 91 and 112 To Break Curses and Activate Abundance

Оптимизация Frontend приложений (23 совета)  |  Оптимизация Web, полный курс 2024 [для новичков]
▶︎

Оптимизация Frontend приложений (23 совета) | Оптимизация Web, полный курс 2024 [для новичков]

React JS c Нуля – ПОЛНЫЙ Курс для начинающих (2025)
▶︎

React JS c Нуля – ПОЛНЫЙ Курс для начинающих (2025)

Learn TypeScript – Full Tutorial
▶︎

Learn TypeScript – Full Tutorial

Webpack ПОЛНЫЙ КУРС от А до Я. Вся конфигурация, Микрофронтенд, Монорепозиторий, Module Federation
▶︎

Webpack ПОЛНЫЙ КУРС от А до Я. Вся конфигурация, Микрофронтенд, Монорепозиторий, Module Federation

TypeScript – Быстрый Курс за 70 минут
▶︎

TypeScript – Быстрый Курс за 70 минут

Place your brain in the frequency of wealth, prosperity and total abundance - Attraction Law
▶︎

Place your brain in the frequency of wealth, prosperity and total abundance - Attraction Law

React и TypeScript - Практический Курс [2023]
▶︎

React и TypeScript - Практический Курс [2023]

React Beginner Course 2025 (Vite, Tailwind CSS, TypeScript)
▶︎

React Beginner Course 2025 (Vite, Tailwind CSS, TypeScript)

The PROBLEM with Capitalism - Smarter Every Day 316
▶︎

The PROBLEM with Capitalism - Smarter Every Day 316