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