The scripts from to-the-moon-1

# React & Redux Tutorials ### Описание курса: В данном видео-курсе мы с вами рассмотрим базовые понятия фрэймворка **ReactJS**, актуальной на текущий момент версии **16.4**. Научимся создавать свои компоненты и элементарные приложения. Разберёмся, как подключается и как работает **React Router** и с его помощью напишем простое одностраничное приложение. А так же рассмотрим такой подход контроля данных в приложении, как **Redux**. И разберём как он взаимодействет с React, создав приложение - список задач. ## Используемые ресурсы и инструменты: - [Atom (Редактор кода)](https://atom.io/) - [Create React App (рабочее окружение)](https://github.com/facebook/create-react-app) - [React Developer Tools (расширение для браузера)](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=ru) - [Redux Devtools (расширение для браузера)](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=ru) - [Redux Devtools (репозиторий)](https://github.com/zalmoxisus/redux-devtools-extension) - [Fake online REST API (моковый API)](https://jsonplaceholder.typicode.com/) - [Hacker News (ресурс)](https://hn.algolia.com/?query=&sort=byPopularity&prefix&page=0&dateRange=all&type=story) - [Hacker News (описание API)](https://hn.algolia.com/api) - [Redux-LocalStorage-Simple (репозиторий)](https://www.npmjs.com/package/redux-localstorage-simple) ## Полезные ссылки: - [React (документация)](https://reactjs.org/docs/getting-started.html) - [Redux (документация)](https://redux.js.org/) - [React Animations (документация)](https://reactcommunity.org/react-transition-group/) - [Redux (документация)](https://redux.js.org/) - [React lifecycle methods +16.3 (ресурс со ссылками)](http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/) - [React lifecycle methods less 16.3 (картинка)](https://webjustify.com/wp-content/uploads/2018/04/component-lifecycle.png) - [React Transition Group (документация)](https://reactcommunity.org/react-transition-group/) - [React Router (репозиторий)](https://github.com/ReactTraining/react-router) ## Быстрый старт - Установите [Create React App](https://github.com/facebook/create-react-app): `npm i -g create-react-app` - Создайте рабочую папку: `npx create-react-app react-tutorial` - Клонируйте репозиторий: `git clone https://github.com/YauhenKavalchuk/react-js-tutorial.git` - Переместите всё содержимое репозитория в рабочую папку - Установите зависимости: `yarn install` или `npm install` - Перейдите в нужную ветку соответствующую уроку: `git checkout 02_components` или `git checkout 03_state` и т.д. - Запустите проект: `yarn start` ## Список уроков: - React & Redux #0 Введение в курс (Introduction) - React & Redux #1 Плагины и окружение (Plugins & Environment) - React & Redux #2 Компоненты (Components) - React & Redux #3 Локальный стейт (State) - React & Redux #4 Пропсы и их валидация (Props & PropTypes. Part I) - React & Redux #5 Пропсы и их валидация (Props & PropTypes. Part II) - React & Redux #6 События (Handling Events) - React & Redux #7 Условный рендеринг (Conditional Rendering) - React & Redux #8 Списки и ключи (Lists & keys) - React & Redux #9 Фрагменты и стили (Fragments & CSS) - React & Redux #10 Формы (Forms) - React & Redux #11 Методы жизненного цикла (Lifecycle methods) - React & Redux #12 Ссылки (Refs) - React & Redux #13 Компоненты высшего порядка (High Order Components) - React & Redux #14 Порталы (Portals) - React & Redux #15 Контекст (Context) - React & Redux #16 Работа с реальным API (React: work wit API. Part I) - React & Redux #17 Работа с реальным API (React: work wit API. Part II) - React & Redux #18 Роутер (React router. Part I) - React & Redux #19 Роутер (React router. Part II) - React & Redux #20 Введение в Редакс (Redux Introduction) - React & Redux #21 Приложение и Редакс модули (Application & Redux modules) - React & Redux #22 Список дел на Реакт и Редакс (ToDo Appliction: React & Redux. Part I) - React & Redux #23 Список дел на Реакт и Редакс (ToDo Appliction: React & Redux. Part II) - React & Redux #24 Список дел на Реакт и Редакс (ToDo Appliction: React & Redux. Part III) - React & Redux #25 Анимации (React animations) ## Автор курса в социальных сетях: Social network | Link to Profile -----|----- **LinkedIn:** | [