Skip to content

Commit 0b3e0a0

Browse files
committed
update README
1 parent 92eaae4 commit 0b3e0a0

File tree

1 file changed

+4
-3
lines changed

1 file changed

+4
-3
lines changed

README.md

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -65,11 +65,11 @@ The goal of this exercise is to understand what's state and how to reason about
6565
## 🤸‍♀️ Exercise
6666

6767
- [ ] 1. Refactor the “about” and “footer” sections by creating a function component for each.
68-
Make sure everything works.
68+
Make sure everything works. Hint, you can look at the `src/components/Header.js` as an example.
6969

7070
- [ ] 2. Refactor the navbar by creating a Function Component.
7171
Pass the dependencies (`toggleMenu` in this case) via props.
72-
Make sure everything works by clicking on the "Training" button at the top right of the screen.
72+
Make sure everything works by clicking on the "Training" button at the top right of the screen. Hint, you can look at the `src/components/Header.js` as an example (heads up, use curly brackets to pass a prop as a function)
7373

7474
- [ ] 3. Refactor the books section by creating a function component and pass the dependencies via props.
7575
Make sure everything works.
@@ -80,6 +80,7 @@ The goal of this exercise is to understand what's state and how to reason about
8080
- [ ] 5. Break `<Books>` down into `<BookList>` and `<BookFilter>`
8181

8282
## 🏋️‍♀️ Bonus exercise
83+
8384
- What do you think it would make sense to componentize next? Are there any parts on that view that you can reuse? Hint, replace the `<a>` with your `<Link>` component. Who are the children of the `Link` component? The `Link` component should receive a prop called `to` that becomes the href of the `<a href={to} ...`. Try to use the prop called `children` for the text displayed inside the anchor.
8485
- Can we move the `isMenuOpen` state inside the menu? Does it conflict with the idea of "lifting the state up".
8586
- If you look at the [React Profiler](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html) when you open and close the menu, is the whole app being rendered? If so, how can we avoid that and still lift the state up?
@@ -92,7 +93,7 @@ The goal of this exercise is to understand what's state and how to reason about
9293
- Basic React course from [freeCodeCamp](https://learn.freecodecamp.org/front-end-libraries/react/)
9394
- [https://reactjs.org/docs/lifting-state-up.html](https://reactjs.org/docs/lifting-state-up.html)
9495
- [https://reactjs.org/docs/thinking-in-react.html](https://reactjs.org/docs/thinking-in-react.html)
95-
- [babel repl example](https://babeljs.io/repl#?babili=false&browsers=&build=&builtIns=false&spec=false&loose=false&code_lz=JYWwDg9gTgLgBAJQKYEMDG8BmUIjgIilQ3wCg0IA7AZ3gAkkAbRiAYV0kqUvgF44AFAEo4vAHwEAFsHwBuUqQA8AE2AA3OGkYpq1AHIoQSXvgo8UwLlHxjScOCvWbtug0ZM4A7jbv24AbwZmNg4qbhgAX19FAHpVNVtY-LEgA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=true&fileSize=false&timeTravel=false&sourceType=module&lineWrap=false&presets=es2015,es2016,es2017,react,stage-2&prettier=false&targets=&version=7.3.3)
96+
- [babel repl example](https://babeljs.io/repl#?babili=false&browsers=&build=&builtIns=false&spec=false&loose=false&code_lz=JYWwDg9gTgLgBAJQKYEMDG8B UIjgIilQ3wCg0IA7AZ3gAkkAbRiAYV0kqUvgF44AFAEo4vAHwEAFsHwBuUqQA8AE2AA3OGkYpq1AHIoQSXvgo8UwLlHxjScOCvWbtug0ZM4A7jbv24AbwZmNg4qbhgAX19FAHpVNVtY-LEgA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=true&fileSize=false&timeTravel=false&sourceType=module&lineWrap=false&presets=es2015,es2016,es2017,react,stage-2&prettier=false&targets=&version=7.3.3)
9697

9798

9899
## License

0 commit comments

Comments
 (0)