В данном видео-курсе мы с вами рассмотрим базовые понятия фрэймворка 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: |