denysrakhuba/typescript-react

Typescript & React

Описание курса:

В данном видеокурсе мы с вами рассмотрим связку библиотеки React и синтаксиса TypeScript. Из библиотеки мы разберём типизацию функциональных и классовых компонентов, событий и элементов, методов жизненного цикла, контекста и портала и конечно же хуки. А в дополнение рассмотрим типизацию React-роутера и Redux.

Используемые ресурсы и инструменты:

• Visual Studio Code (редактор кода)
• Create React App (рабочее окружение)
• Redux Devtools (расширение для браузера)
• Fake online REST API
• Redux-LocalStorage-Simple

Полезные ссылки:

• Description "tsconfig.json"
• React Context
• React Portal
• React Typescript Cheatsheet
• TypeScript and React(stefan baumgartner)
• TypeScript React Starter
• React Static Type Checking

Opened Issues:

• React.FC doesn't allow bare return of children
• FunctionComponent and ComponentClass are not compatible with LibraryManagedAttributes
• HOC returned component props can not differ from HOC generic props

Быстрый старт

• Клонируйте репозиторий: git clone https://github.com/YauhenKavalchuk/typescript-react.git
• Перейдите в папку с проектом cd typescript-react
• Установите зависимости: yarn install
• Перейдите в нужную ветку соответствующую уроку: git checkout lesson_01, git checkout lesson_02 и т.д.
• Запустите проект: yarn start

Список уроков:

• TypeScript & React #0 Введение (Introduction)
• TypeScript & React #1 Установка окружения (Setup Environment)
• TypeScript & React #2 Типизация функциональных компонентов (Typing of Functional Components)
• TypeScript & React #3 Типизация классовых компоненты (Typing of Class Components)
• TypeScript & React #4 Типизация событий (Typing of Events)
• TypeScript & React #5 Типизация элементов (Typing of Elements)
• TypeScript & React #6 Типизация контекста и портала (Typing of Context & Portal)
• TypeScript & React #7 Типизация Хуков (Typing of Hooks)
• TypeScript & React #8 Типизация ХОК-ов (Typing of HOCs)
• TypeScript & React #9 Типизация Роутера (Typing of React Router)
• TypeScript & React #10 Типизация асинхронных функций (Typing of Fetch with Async & Await)
• TypeScript & React #11 Типизация Редакса (Typing of Redux. Part I)
• TypeScript & React #12 Типизация Редакса (Typing of Redux. Part II)

Автор курса в социальных сетях:

Social network	Link to Profile
LinkedIn:
YouTube:
VK:
Twitter: