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

✏️ В этом видео будет рассказано про базу typescript. Зачем он нужен, как им пользоваться. Разберем основные типы данных. Посмотрим, куда вообще типы нужно писать. Изучим type и interface, а также разницу между ними. Посмотрим на Utility Types. Попрактикуемся с React, который установим через Vite. Изучим enum, union, intersection и многое другое. 2 ЧАСТЬ: https://youtu.be/XJCY5bGYyYY 🚀 Получить опыт реальной разработки можно тут: https://preax.ru/?i=c9ea70fe&erid=LjN8KZacd Помощь во всем • ревью вашего кода • стримы • и многое другое Реклама ООО «ПРЕАКС ПЛЭТФОРМ» ОГРН 1237700372755, ИНН 9727035595 🔥 Поддержать автора: https://www.donationalerts.com/r/kakeitoyroki 📚 Ссылки: Исходный код (Который с ошибками): https://github.com/R1ON/typescript_lessongs/tree/main/FirstVersion Исходный код (Финальная версия): https://github.com/R1ON/typescript_lessongs/tree/main/FinalVersion Утилитарные типы: https://clck.ru/3FUWEg TsConfig: https://www.typescriptlang.org/tsconfig/ Vite: https://vitejs.dev/guide/ 💬 Чат в телеграмме (помощь новичкам): https://t.me/kakieToYrokiChat 🎦 Другие видео: 🔵 Chrome Dev Tools полный курс: https://youtu.be/THO33-LlXGA 🟢 Полный Roadmap по всему Frontend: https://youtu.be/WZAZXHe6wxg 🟡 Как стать MIDDLE FRONTEND?: https://youtu.be/_xtR5pdf8nU 🎦 Плейлисты: 🟣 HTML: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQX0CZIwP7i0_mamieywtyw 🔵 CSS: https://www.youtube.com/playlist?list=PL6NCtzCz-4pQZ-uueXnuIcQMs085CAhty 🟢 SVG: https://www.youtube.com/playlist?list=PL6NCtzCz-4pRcotLgtXTbNZqE0g_AqjMk 🟡 JavaScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTxrzj7Iy4W9fAi60YmwXFl 🟠 TypeScript: https://www.youtube.com/playlist?list=PL6NCtzCz-4pTj3s71Mbx5RZNPkh7pe7Wb 🔴 React: https://www.youtube.com/playlist?list=PL6NCtzCz-4pR_xzjVY6wpSTppLdJJmUqF ⏰ Таймкоды: ▶ 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 #frontend #react #javascript #ts #typescript