cub-uanic / react-js-tutorial

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React & Redux Tutorials

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

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

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

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

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

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

About


Languages

Language:JavaScript 75.9%Language:HTML 24.1%