Typescript & React
- LESSON1 - PROPS AND STATE TYPES
- LESSON2 - LIFECYCLE METHODS + EVENTS TYPES
- LESSON3 - FORM EVENTS TYPES
- LESSON4 - PORTAL TYPES
- LESSON5 - CONTEXT TYPES for class and func components
- LESSON6 - REACT HOOKS TYPES
- LESSON7 - REACT HOC TYPES
- LESSON8 - REACT ROUTER TYPES + typing FETCH data and ASYNC functions (files: indexx.tsx + post.tsx + posts.tsx)
- LESSON9 - REDUX types
Описание курса:
В данном видеокурсе мы с вами рассмотрим связку библиотеки 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: |  |