Пишем интернет-магазин на ReactJS + Redux

Дата: 12.05.2018 в 16:57, Категория: ReactJS
  • 2463
  • 16
Пишем интернет-магазин на ReactJS + Redux

Недавно завершил курс по разработке интернет-магазина на ReactJS + Redux. Где-то год назад пытался сделать свой интернет-магазин на ReactJS по видео инструкциям, но ничего толкового не нашел.

За этот промежуток времени, набравшись определенному опыту в разработке SPA на ReactJS, решил записать свой видеокурс.

В данном курсе, я делал акцент на библиотеку Redux, которую многим начинающим сложно понять, ну и на сам ReactJS.

# О чём я рассказываю в данном курсе?

Данный курс разбит на четыре части и в каждом видео я постарался максимально просто объяснить сам процесс разработки интернет-магазина на ReactJS.

Ссылка на исходный кодhttps://github.com/Archakov06/react-shopping-cart

# Часть #1

  1. Как создать SPA приложение?
  2. Для чего нужен Redux?
  3. Как работает Redux?
  4. Что такое редюсеры (reducers)?
  5. Что такое экшены (actions)?
  6. Что такое middleware?
  7. Как работать с асинхронными HTTP-запросами (GET / POST)?
  8. Что такое контейнеры и презентационные компоненты? (важно знать).

# Часть #2

  1. Подключить мокап-данные для нашего интернет-магазина (JSON).
  2. Подключаем Axios и делаем асинхронный запрос на подгрузку списка книг из JSON.
  3. Вывод списка книг из JSON
  4. Подключаем UI-фреймворк — Semantic UI.
  5. Подготавливаем reducer для корзины.

# Часть #3

  1. Что такое Presentation Component (презентационный компонент)? Что такое Container (контейнер)?
  2. Как подключать Redux к отдельным компонентам?
  3. Как работает connect()?
  4. Как работает bindActionCreators()?
  5. Как сортировать книги?
  6. Используем библиотеку Lodash

# Часть #4

  1. Разработаем поиск по книгам
  2. Разработаем корзину. Добавление книг в корзину. Рассчет общей цены.
  3. Конец.

Спасибо всем, кто следил за моими видео и оставлял отзывы. Так же, буду рад конструктивной критике о моих решениях, методах и о самом коде.