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

moved 2.7-2.9

Browse Source
This commit is contained in:
Ken
2019-02-28 22:18:33 -08:00
parent a00a1b237a
commit 35be13a0b6
13 changed files with 120 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
step2-08/exercise/README.md Normal file
View File

@@ -0,0 +1,25 @@
# Step 2.8: Reduce Boilerplate (Exercise)
[Lessons](../) | [Exercise](./exercise/) | [Demo](./demo/)
# Exercise
If you don't already have the app running, start it by running `npm start` from the root of the `frontend-bootcamp` folder. Click the "exercise" link under day 2 step 8 to see results.
> Hint! This section is tricky, so all the solution is inside "demo" as usual. Feel free to copy & paste if you get stuck!!
1. open up `exercise/src/reducers/index.ts`
2. rewrite the reducer functions `todoReducers`, `filterReducers` with the help of `createReducer()`
3. rewrite the `reducer()` function with `combineReducer()`
4. open up `exercise/src/reducers/pureFunctions.ts`
5. rewrite all the reducers related to the todos by following instructions
# Further reading
- immer: https://github.com/mweststrate/immer - improves ergonomics of working with immutables by introducing the concept of mutating a draft
- redux-starter-kit: https://github.com/reduxjs/redux-starter-kit - help address common concerns of Redux in boilerplate and complexity

2
step2-08/exercise/index.html
View File

@@ -4,7 +4,7 @@
<link rel="stylesheet" href="../../assets/step.css" />
</head>
<body class="ms-Fabric">
<div id="markdownReadme"></div>
<div id="markdownReadme" class="exercise" data-src="./README.md"></div>
<div id="app"></div>
<script src="../../assets/scripts.js"></script>
</body>