Redux(3 часть). Выводим товары интернет магазина

Task 01

Загрузите код урока, изучите структуру redux проекта с использованием redux-toolkit. Установите необходимые пакеты и запустит приложение. Изучите работу приложения.

Рекомендация. Крайне рекомендую самостоятельно делать приложение по видео, при необходимости подсматривая в код урока.

Task 02

Изучите следующий unit 13 где рассматривается вывод содержимого корзины. Доработайте проект по указаниям ниже.

Task 03

Переделаем корзину. Вместо списка давайте добавим таблицу. Поскольку таблица значительно сложнее списка, то вынесем таблицу корзниы в отдельный компонент( именно компонент, а не контейнер) - /components/Cart.js. Задача компонента - возвращать таблицу где строками будет добавленный в корзину товар, а столбцы должны быть следующие: название товара, цена ( за единицу), количество, стоимость всего товара. Также в строке должны идти кнопки минус (уменьшить количество товара на 1) и удалить( удалить товар из корзины).

Task 04

Обработчики кнопок корзины разместите в контейнере CartList. Обработчик clickHandler повесьте на блок родителя.

Task 05

clickHandler запускает ( в зависимости от выбранной кнопки)...

Задачи доступны после покупки курса

Task 06

Добавьте к корзине вывод уменьшенных изображений товара.

...

Задачи доступны после покупки курса

Task 07

Добавьте просчет общей суммы товаров в корзине.

...

Задачи доступны после покупки курса