TypeScript Basic Course (React + Vite Practice)

Publié le: 01 octobre 2023
sur la chaîne: Какие-то уроки [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

Sur cette page du site, vous pouvez voir la vidéo en ligne TypeScript Basic Course (React + Vite Practice) durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Какие-то уроки [Frontend] 01 octobre 2023, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 40,403 fois et il a aimé 1.6 mille téléspectateurs. Bon visionnage!

6,505

317