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
-[Array.map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map) and [Array.filter](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter)
13
13
14
-
You need to have `node`and `npm`installed in your computer.
14
+
You need to have `node`and `npm`installed on your computer.
15
15
16
16
### If you find this exercise too difficult
17
17
18
18
If you find the exercise too difficult we recommend you to do the following basic React course from [freeCodeCamp](https://learn.freecodecamp.org/front-end-libraries/react/) before.
@@ -29,20 +32,31 @@ Before you start, there are two types of components [Functional Components and C
29
32
30
33
### Tasks
31
34
32
-
-[ ]1. Refactor the “about” and “footer” sections by creating a functional component for each. Make sure everything works.
33
-
-[ ]2. Refactor the navbar by creating a Functional Component (AKA stateless components) and pass the dependencies (`this.toggleMenu` in this case) via props. Make sure everything works by clicking on the "Training" button at the top right of the screen.
34
-
-[ ]3. Refactor the books section by creating a functional component and pass the dependencies via props. Make sure everything works.
35
-
-[ ]4. Is there any state in app that should be in the Books component? Refactor `<Books>` if appropriate. Should `<Books>` be a Functional Component or a Class Component now?
36
-
-[ ]5. Break `<Books>` down into `<BookList>` and <BookFilter>`
37
-
-[ ]6. What do you think it would make sense to componentize next? Are there any parts on that view that you can reuse? Try to explain to a mentor what you want to refactor before you code 😁
35
+
-[ ]1. Refactor the “about” and “footer” sections by creating a functional component for each.
36
+
Make sure everything works.
37
+
38
+
-[ ]2. Refactor the navbar by creating a Functional Component (AKA stateless components).
39
+
Pass the dependencies (`this.toggleMenu` in this case) via props.
40
+
Make sure everything works by clicking on the "Training" button at the top right of the screen.
41
+
42
+
-[ ]3. Refactor the books section by creating a functional component and pass the dependencies via props.
43
+
Make sure everything works.
44
+
45
+
-[ ]4. Is there any state in app that should be in the Books component?
46
+
Refactor `<Books>` if appropriate. Should `<Books>` be a Functional Component or a Class Component now?
47
+
48
+
-[ ]5. Break `<Books>` down into `<BookList>` and `<BookFilter>`
49
+
50
+
-[ ]6. What do you think it would make sense to componentize next?
51
+
Are there any parts on that view that you can reuse? Try to explain to a mentor what you want to refactor before you code 😁
0 commit comments