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

Merge branch 'master' of github.com:Microsoft/frontend-bootcamp

Browse Source
This commit is contained in:
Ken
2019-03-05 08:38:00 -08:00
parent a9d83d421f 49c15bdaa7
commit a2c2b0f3e9
53 changed files with 265 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
step2-06/demo/README.md
View File

@@ -1,4 +1,4 @@
# Step 2.6: Redux: React Binding (Demo)
# Step 2.6 - Redux: React binding (Demo)
[Lessons](../../) | [Exercise](../exercise/)

2
step2-06/demo/src/components/TodoHeader.tsx
View File

@@ -23,7 +23,7 @@ class TodoHeader extends React.Component<TodoHeaderProps, TodoHeaderState> {
return (
<Stack gap={10}>
<Stack horizontal horizontalAlign="center">
<Text variant="xxLarge">todos</Text>
<Text variant="xxLarge">todos <Text variant="mediumPlus">(2.6 demo)</Text></Text>
</Stack>
<Stack horizontal gap={10}>

6
step2-06/exercise/README.md
View File

@@ -1,14 +1,14 @@
# Step 2.6: Redux: React Binding (Exercise)
# Step 2.6 - Redux: React binding (Exercise)
[Lessons](../../) | [Demo](../demo/)
If you haven't arStart the app by running `npm start` from the root of the `frontend-bootcamp` folder. Click the "exercise" link under day 2 step 6 to see results.
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 6 to see results.
At the beginning of this exercise, the "Add" and "Clear Completed" buttons do not work. We'll be fixing that in this step!
1. Open `exercise/src/index.tsx` and wrap `<TodoApp>` with `<Provider>` as instructed in the comment
2. Open `exercise/src/components/TodoFooter.tsx` and erase the "nullable" type modifier (i.e. the ?) in the interface definition of `TodoFooterProps`
2. Open `exercise/src/components/TodoFooter.tsx` and erase the "nullable" type modifier (the `?`) in the interface definition of `TodoFooterProps`
3. Uncomment the bottom bits of code and fill in `connect()` arguments - feel free to use `TodoListItem.tsx` as a guide

2
step2-06/exercise/src/components/TodoHeader.tsx
View File

@@ -25,7 +25,7 @@ class TodoHeader extends React.Component<TodoHeaderProps, TodoHeaderState> {
return (
<Stack gap={10}>
<Stack horizontal horizontalAlign="center">
<Text variant="xxLarge">todos</Text>
<Text variant="xxLarge">todos <Text variant="mediumPlus">(2.6 exercise)</Text></Text>
</Stack>
<Stack horizontal gap={10}>