В данном видео-курсе мы с вами рассмотрим базовые понятия фрэймворка 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 (репозиторий)
- Клонируйте репозиторий:
git clone https://github.com/YauhenKavalchuk/react-js.git - Перейдите в папку с проектом
cd react-js - Перейдите в нужную ветку соответствующую уроку:
git checkout 02_components2git checkout 03_stateи т.д.
- Установите зависимости:
yarn install - Запустите проект:
yarn start
- #0 Введение в курс (Introduction)
- #1 Плагины и окружение (Plugins & Environment)
- #2 Компоненты (Components)
- #3 Локальный стейт (State)
- #4 Пропсы и их валидация (Props & PropTypes. Part I)
- #5 Пропсы и их валидация (Props & PropTypes. Part II)
- #6 События (Handling Events)
- #7 Условный рендеринг (Conditional Rendering)
- #8 Списки и ключи (Lists & keys)
- #9 Фрагменты и стили (Fragments & CSS)
- #10 Формы (Forms)
- #11 Методы жизненного цикла (Lifecycle methods)
- #12 Ссылки (Refs)
- #13 Компоненты высшего порядка (High Order Components)
- #14 Порталы (Portals)
- #15 Контекст (Context)
- #16 Работа с реальным API (React: work with API. Part I)
- #17 Работа с реальным API (React: work with API. Part II)
- #18 Роутер (React router. Part I)
- #19 Роутер (React router. Part II)
- #20 Введение в Редакс (Redux Introduction)
- #21 Приложение и Редакс модули (Application & Redux modules)
- #22 Список дел на Реакт и Редакс (ToDo Appliction: React & Redux. Part I)
- #23 Список дел на Реакт и Редакс (ToDo Appliction: React & Redux. Part II)
- #24 Список дел на Реакт и Редакс (ToDo Appliction: React & Redux. Part III)
- #25 Анимации (React animations)
