redux.md

Redux

Reducers

1. Let's do a web application which can do search queries. The class SearchState defines a type of object which can hold the state of this app, with some fields and some methods:

   class SearchState {
     constructor() {
       this.query = "";
       this.loading = false;
       this.results = [];
     }
   
     setQuery(query) {
       this.query = query;
     }
     beginLoading() {
       this.loading = false;
     }
     setResults(results) {
       this.loading = false;
       this.results = results;
     }
   }

   Implement a Redux reducer that mirrors the functionality in this class.

2. Suppose that a web application uses the following object to store its state:

   let state = {
     todos: [
       { id: 1, text: 'Study Redux' },
       { id: 2, text: '' },
     ]
   }