|
1 | 1 |
|
| 2 | + |
2 | 3 | # React & Redux Tutorials
|
3 | 4 |
|
4 | 5 | ### Описание курса:
|
5 | 6 | В данном видео-курсе мы с вами рассмотрим базовые понятия фрэймворка **ReactJS**, актуальной на текущий момент версии **16.4**. Научимся создавать свои компоненты и элементарные приложения. Разберёмся, как подключается и как работает **React Router** и с его помощью напишем простое одностраничное приложение. А так же рассмотрим такой подход контроля данных в приложении, как **Redux**. И разберём как он взаимодействет с React, создав приложение - список задач.
|
6 | 7 |
|
7 |
| -### Используемые ресурсы и инструменты: |
| 8 | +## Используемые ресурсы и инструменты: |
8 | 9 | - [Atom (Редактор кода)](https://atom.io/)
|
9 | 10 | - [Create React App (рабочее окружение)](https://github.com/facebook/create-react-app)
|
10 | 11 | - [React Developer Tools (расширение для браузера)](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=ru)
|
|
15 | 16 | - [Hacker News (описание API)](https://hn.algolia.com/api)
|
16 | 17 | - [Redux-LocalStorage-Simple (репозиторий)](https://www.npmjs.com/package/redux-localstorage-simple)
|
17 | 18 |
|
18 |
| -### Полезные ссылки: |
| 19 | +## Полезные ссылки: |
19 | 20 | - [React (документация)](https://reactjs.org/docs/getting-started.html)
|
20 | 21 | - [Redux (документация)](https://redux.js.org/)
|
21 | 22 | - [React lifecycle methods +16.3 (ресурс со ссылками)](http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/)
|
22 | 23 | - [React lifecycle methods less 16.3 (картинка)](https://webjustify.com/wp-content/uploads/2018/04/component-lifecycle.png)
|
23 | 24 | - [React Transition Group (документация)](https://reactcommunity.org/react-transition-group/)
|
24 | 25 | - [React Router (репозиторий)](https://github.com/ReactTraining/react-router)
|
25 | 26 |
|
26 |
| -### Список уроков: |
| 27 | +## Быстрый старт |
| 28 | +- Установите [Create React App](https://github.com/facebook/create-react-app): `npm i -g create-react-app` |
| 29 | +- Создайте рабочую папку: `npx create-react-app react-tutorial` |
| 30 | +- Клонируйте репозиторий: `git clone https://github.com/YauhenKavalchuk/react-js-tutorial.git` |
| 31 | +- Переместите всё содержимое репозитория в рабочую папку |
| 32 | +- Установите зависимости: `yarn install` или `npm install` |
| 33 | +- Перейдите в нужную ветку соответствующую уроку: `git checkout 02_components` или `git checkout 03_state` и т.д. |
| 34 | + |
| 35 | +## Список уроков: |
27 | 36 | - React & Redux #0 Введение в курс (Introduction)
|
28 | 37 | - React & Redux #1 Плагины и окружение (Plugins & Environment)
|
29 | 38 | - React & Redux #2 Компоненты (Components)
|
|
50 | 59 | - React & Redux #22 Приложение "Список дел" на Реакт и Редакс (ToDo Appliction: React & Redux. Part II)
|
51 | 60 | - React & Redux #22 Приложение "Список дел" на Реакт и Редакс (ToDo Appliction: React & Redux. Part III)
|
52 | 61 |
|
53 |
| -### Автор курса в социальных сетях: |
| 62 | +## Автор курса в социальных сетях: |
54 | 63 | Social network | Link to Profile
|
55 | 64 | -----|-----
|
56 | 65 | **LinkedIn:** | [<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/01/LinkedIn_Logo.svg/1280px-LinkedIn_Logo.svg.png" height="20" />](http://www.linkedin.com/in/YauhenKavalchuk)
|
|
0 commit comments