TypeScript Basic Course (React + Vite Practice)

Veröffentlicht am: 01 Oktober 2023
auf dem Kanal: Какие-то уроки [Frontend]

40,403

1.6k

✏️ 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

Auf dieser Seite können Sie das Online-Video TypeScript Basic Course (React + Vite Practice) mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Какие-то уроки [Frontend] 01 Oktober 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 40,403 Mal angesehen und es wurde von 1.6 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

64,036

2.7K