molotoboy / react-js-tutorial

React & Redux Tutorials

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

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

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

• Atom (Редактор кода)
• Create React App (рабочее окружение)
• React Developer Tools (расширение для браузера)
• Redux Devtools (расширение для браузера)
• Redux Devtools (репозиторий)
• Fake online REST API (моковый API)
• Hacker News (ресурс)
• Hacker News (описание API)
• Redux-LocalStorage-Simple (репозиторий)

Полезные ссылки:

• React (документация)
• Redux (документация)
• React Animations (документация)
• Redux (документация)
• React lifecycle methods +16.3 (ресурс со ссылками)
• React lifecycle methods less 16.3 (картинка)
• React Transition Group (документация)
• React Router (репозиторий)

Быстрый старт

• Установите 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:
YouTube:
VK:
Twitter: