adam-robson / reducer-shopping-list Goto Github PK

View Code? Open in Web Editor NEW

This repository is a build of a shopping list using Reducers to manage the state throughout the program. Reducers can be used to manage complex webs of state at scale. In contrast to the useState model, with which complex state can quickly become unmanageable.

JavaScript 78.40% CSS 20.34% HTML 1.26%

reducer-shopping-list's Introduction

Reducers

Demo

https://github.com/alchemy-adv-fullstack/adv-fullstack-reducer-demo/

Getting Started

Use this repository as a template to get started.

If viewing from Canvas: https://github.com/alchemy-adv-fullstack/adv-fullstack-reducer-shopping-deliverable/

Learning Objectives

Use reducers to manage state.
1. Manage objects immutably.
2. Manage arrays immutably.
Connect React events to reducer dispatches.
Test reducers.

Description

This is a retake on an old shopping list application. We need a means of:

Adding shopping items to a shopping list.
Editing the shopping items.
Completing the shopping items.
Deleting shopping items from the shopping list.

Acceptance Criteria

CI must be passing (this includes linting and tests).

Rubric

Task	Points
Use the `useReducer` hook to manage shopping list state	2
Use the `useContext` hook to provide global state	2
Use a `switch` statement inside of your reducer	2
Use the `dispatch` function to update state	2
Set an initial value for `useReducer`	2
Items can be added to shopping list through a reducer	2
Items can be edited in shopping list through a reducer	2
Items can be deleted from shopping list through a reducer	2
Unit Testing¹	2
Deployed on netlify with CI passing	2

Unit testing will include a unit test of reducers for adding to shopping list, deleting from shopping list, editing a shopping list item, and retrieving a shopping list of items ↩

Recommend Projects