TypeScript & React. Полный курс

TypeScript & React. Полный курс

48.660 Lượt nghe
TypeScript & React. Полный курс
#YauhenK #webDev #TypeScript #React Всех приветствую в курсе «TypeScript & React». В данном видеокурсе мы с вами рассмотрим связку библиотеки React и синтаксиса TypeScript. Из библиотеки мы разберём типизацию функциональных и классовых компонентов, событий и элементов, методов жизненного цикла, контекста и портала и конечно же хуки. А в дополнение рассмотрим типизацию React-роутера и Redux. ✒ Репозиторий курса: ✔ https://github.com/YauhenKavalchuk/typescript-react ✒ Timeline: ✔ 0:00 - Введение ✔ 1:42 - Установка окружения ✔ 7:21 - Типизация функциональных компонентов ✔ 13:14 - Типизация классовых компоненты ✔ 19:52 - Типизация событий ✔ 26:53 - Типизация элементов ✔ 33:12 - Типизация контекста и портала ✔ 40:49 - Типизация Хуков ✔ 46:33 - Типизация ХОК-ов ✔ 50:31 - Типизация Роутера ✔ 56:27 - Типизация асинхронных функций ✔ 1:01:33 - Типизация Редакса. Часть 1 ✔ 1:07:37 - Типизация Редакса. Часть 2 ✒ Используемые ресурсы и инструменты: ✔ Visual Studio Code (редактор кода): https://code.visualstudio.com ✔ Create React App (рабочее окружение): https://github.com/facebook/create-react-app ✔ Redux Devtools (расширение для браузера): https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=ru ✔ Fake online REST API: https://jsonplaceholder.typicode.com/ ✔ Redux-LocalStorage-Simple: https://www.npmjs.com/package/redux-localstorage-simple ✒ Полезные ссылки: ✔ Description "tsconfig.json": https://gist.github.com/YauhenKavalchuk/69054ba65e7863226e531b74cb33f060 ✔ React Context: https://youtu.be/W_-TO_reSGs ✔ React Portal: https://youtu.be/xcWaYD4gZAs ✔ React Typescript Cheatsheet: https://github.com/typescript-cheatsheets/react-typescript-cheatsheet ✔ TypeScript and React(stefan baumgartner): https://fettblog.eu/typescript-react/ ✔ TypeScript React Starter: https://github.com/Microsoft/TypeScript-React-Starter#typescript-react-starter ✔ React Static Type Checking: https://reactjs.org/docs/static-type-checking.html ✒ Полный список готовых и планируемых курсов: ✔ Trello: https://trello.com/b/R6rD7qq8 ✒ Автор курса: ✔ YouTube: https://www.youtube.com/YauhenKavalchuk ✔ Instagram: https://www.instagram.com/YauhenKavalchuk ✔ Twitter: https://twitter.com/YauhenKavalchuk ✔ VK: https://vk.com/YauhenKavalchuk ✔ LinkedIn: https://www.linkedin.com/in/YauhenKavalchuk ✔ GitHub: https://github.com/YauhenKavalchuk ✔ VK (Группа): http://vk.com/webdevcom ✒ Поддержать развитие канала: https://github.com/YauhenKavalchuk/youtube/blob/main/sponsoring.md