microsoft/frontend-bootcamp
1
0
Fork 0
mirror of https://github.com/microsoft/frontend-bootcamp.git synced 2026-01-26 14:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

Day 2: title formatting coherence, minor edits

Browse Source
This commit is contained in:
Elizabeth Craig
2019-03-05 02:42:26 -08:00
parent 8c99c83353
commit 46094abe9d
11 changed files with 40 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
step2-05/exercise/README.md
View File

@@ -1,4 +1,4 @@
# Step 2.5: Redux: Reducers (Exercise)
# Step 2.5 - Redux: The Store (Exercise)
[Lessons](../../) | [Demo](../demo/)
@@ -6,12 +6,12 @@ If you don't already have the app running, start it by running `npm start` from
1. First, take a look at the store interface in `exercise/src/store/index.ts`. Note that the `Store` interface has two keys: `todos` and `filter`. We'll concentrate on `todos`, which is an object where the keys are string IDs and the values are of type `TodoItem`.
2. Open `exercise/src/reducers/index.ts` and fill in the missing case statements for the switch on `action.type`.
2. Open `exercise/src/reducers/index.ts` and fill in the missing reducer implementations.
3. Open `exercise/src/index.tsx` and write separate dispatch calls.
3. Open `exercise/src/index.tsx` and write some `dispatch` calls.
4. Take a look what is written in the console (F12 on PC, cmd-option-I on Mac).
4. Take a look what is written in the console (F12 on PC, `cmd-option-I` on Mac).
5. Install the Redux DevTools [Chrome](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd) or [Firefox](https://addons.mozilla.org/en-US/firefox/addon/reduxdevtools/) extensions
5. Install the Redux DevTools [Chrome](https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd) or [Firefox](https://addons.mozilla.org/en-US/firefox/addon/reduxdevtools/) extension
6. Observe the state changes and try doing "time travel"