You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -28,7 +28,7 @@ npm start
28
28
29
29
## Exercise
30
30
31
-
Before you start, there are two types of components [Functional Components and Class Components](https://reactjs.org/docs/components-and-props.html#function-and-class-components).
31
+
Before you start, there are two types of components [Function Components and Class Components](https://reactjs.org/docs/components-and-props.html#function-and-class-components).
32
32
33
33
```javascript
34
34
functionWelcome(props) {
@@ -44,22 +44,22 @@ class Welcome extends React.Component {
44
44
}
45
45
```
46
46
47
-
Try to use a Functional component if the component doesn't have state, you'll need to refactor code a few times during the next exercise 😁
47
+
Try to use a Function component if the component doesn't have state, you'll need to refactor code a few times during the next exercise 😁
48
48
49
49
### Tasks
50
50
51
-
-[ ]1. Refactor the “about” and “footer” sections by creating a functional component for each.
51
+
-[ ]1. Refactor the “about” and “footer” sections by creating a function component for each.
52
52
Make sure everything works.
53
53
54
-
-[ ]2. Refactor the navbar by creating a Functional Component.
54
+
-[ ]2. Refactor the navbar by creating a Function Component.
55
55
Pass the dependencies (`this.toggleMenu` in this case) via props.
56
56
Make sure everything works by clicking on the "Training" button at the top right of the screen.
57
57
58
-
-[ ]3. Refactor the books section by creating a functional component and pass the dependencies via props.
58
+
-[ ]3. Refactor the books section by creating a function component and pass the dependencies via props.
59
59
Make sure everything works.
60
60
61
61
-[ ]4. Is there any state in app that should be in the Books component?
62
-
Refactor `<Books>` if appropriate. Should `<Books>` be a Functional Component or a Class Component now?
62
+
Refactor `<Books>` if appropriate. Should `<Books>` be a Function Component or a Class Component now?
63
63
64
64
-[ ]5. Break `<Books>` down into `<BookList>` and `<BookFilter>`
0 commit comments