https://github.com/yauhenkavalchuk/typescript-react

Код учебного курса “TypeScript & React” на YouTube-канале webDev (https://tinyurl.com/jryuc5zs)
https://github.com/yauhenkavalchuk/typescript-react

react reactjs redux typescript

Last synced: 3 months ago
JSON representation

Код учебного курса “TypeScript & React” на YouTube-канале webDev (https://tinyurl.com/jryuc5zs)

• Host: GitHub
• URL: https://github.com/yauhenkavalchuk/typescript-react
• Owner: YauhenKavalchuk
• Created: 2020-03-08T12:31:56.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T12:13:03.000Z (about 2 years ago)
• Last Synced: 2023-03-04T15:19:49.876Z (almost 2 years ago)
• Topics: react, reactjs, redux, typescript
• Language: HTML
• Homepage: http://youtube.com/c/YauhenKavalchuk/
• Size: 956 KB
• Stars: 70
• Watchers: 4
• Forks: 39
• Open Issues: 10
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#  Typescript & React

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

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

### Поддержать развитие канала:

[][sponsor]

[][patron]

---

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

- [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)

### Issues:

- [React.FC doesn't allow bare return of children](https://github.com/DefinitelyTyped/DefinitelyTyped/issues/33006)

- [FunctionComponent and ComponentClass are not compatible with LibraryManagedAttributes](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/issues/87)

- [HOC returned component props can not differ from HOC generic props](https://github.com/Microsoft/TypeScript/issues/28938#issuecomment-450636046)

---

### Быстрый старт:

- Клонируйте репозиторий: `git clone https://github.com/YauhenKavalchuk/typescript-react.git`

- Перейдите в папку с проектом `cd typescript-react`

- Перейдите в нужную ветку соответствующую уроку:

  - `git checkout lesson_01`

  - `git checkout lesson_02`

  - `git checkout lesson_10` и т.д.

- Установите зависимости: `yarn install`

- Запустите проект: `yarn start`

---

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

- [#0 Введение (Introduction)](https://youtu.be/acO37eSCowc)

- [#1 Установка окружения (Setup Environment)](https://youtu.be/VDJcfJ1j7Bs)

- [#2 Типизация функциональных компонентов (Typing of Functional Components)](https://youtu.be/yc5acYhDM48)

- [#3 Типизация классовых компоненты (Typing of Class Components)](https://youtu.be/wIheTSFF7Ew)

- [#4 Типизация событий (Typing of Events)](https://youtu.be/HKHVWBCp9v0)

- [#5 Типизация элементов (Typing of Elements)](https://youtu.be/YcQox-kw4GI)

- [#6 Типизация контекста и портала (Typing of Context & Portal)](https://youtu.be/SaRPd9DwyoM)

- [#7 Типизация Хуков (Typing of Hooks)](https://youtu.be/TBCx-P76dVw)

- [#8 Типизация ХОК-ов (Typing of HOCs)](https://youtu.be/mk-zHOqaqYI)

- [#9 Типизация Роутера (Typing of React Router)](https://youtu.be/d5BFgyjFMLQ)

- [#10 Типизация асинхронных функций (Typing of Fetch with Async & Await)](https://youtu.be/-oey4jgc22k)

- [#11 Типизация Редакса (Typing of Redux. Part I)](https://youtu.be/vFhiS6__ARE)

- [#12 Типизация Редакса (Typing of Redux. Part II)](https://youtu.be/8wlMmp2M7MI)

---

### Связаться со мной:

[][youtube]

[][instagram]

[][linkedin]

[][twitter]

[][vk]

[youtube]: https://youtube.com/YauhenKavalchuk

[instagram]: https://instagram.com/YauhenKavalchuk

[linkedin]: https://linkedin.com/in/YauhenKavalchuk

[vk]: https://vk.com/YauhenKavalchuk

[twitter]: https://twitter.com/YauhenKavalchuk

[sponsor]: https://www.youtube.com/channel/UCE9ODjNIkOHrnSdkYWLfYhg/join

[patron]: https://www.patreon.com/YauhenKavalchuk