Skip to content

Commit e14aa3e

Browse files
committed
Fix project remote
1 parent f707948 commit e14aa3e

File tree

1 file changed

+28
-14
lines changed

1 file changed

+28
-14
lines changed

README.md

Lines changed: 28 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -11,16 +11,19 @@ You need to be comfortable writing JavaScript and HTML to do this exercise. The
1111
- [Arrow functions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions)
1212
- [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)
1313

14-
You need to have `node`and `npm`installed in your computer.
14+
You need to have `node` and `npm` installed on your computer.
1515

1616
### If you find this exercise too difficult
1717

1818
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.
1919

20-
## Getting started:
20+
## Getting started
2121

22-
```
23-
git clone [email protected]:leanjscom/thinking-in-react.git && cd thinking-in-react && npm install && npm start
22+
```console
23+
git clone [email protected]:reactjsacademy/thinking-in-react.git
24+
cd thinking-in-react
25+
npm install
26+
npm start
2427
```
2528

2629
## Exercise
@@ -29,20 +32,31 @@ Before you start, there are two types of components [Functional Components and C
2932

3033
### Tasks
3134

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 😁
3852

3953
## Articles and links
4054

41-
- [https://reactjs.academy/blog/introduction-to-thinking-in-react/](https://reactjs.academy/blog/introduction-to-thinking-in-react/)
55+
56+
- [Introduction to Thinking in React](https://reactjs.academy/blog/introduction-to-thinking-in-react/)
57+
- [A Beginner’s Guide to React](https://medium.com/leanjs/introduction-to-react-3000e9cbcd26)
58+
- [Introduction to JSX](https://reactjs.org/docs/introducing-jsx.html)
4259
- Basic React course from [freeCodeCamp](https://learn.freecodecamp.org/front-end-libraries/react/)
43-
- [https://reactjs.org/docs/introducing-jsx.html](https://reactjs.org/docs/introducing-jsx.html)
44-
- [https://reactjs.org/docs/thinking-in-react.html](https://reactjs.org/docs/thinking-in-react.html)
45-
- [babel repl example](https://babeljs.io/repl/#?babili=false&browsers=&build=&builtIns=false&code_lz=MYewdgzgLgBAEgUwDZJAYRAWwA7gWWAXhgAoBKGQgPlICgYYAeAEwEsA3K-hpgCwEYqiFCACEjAPQCuPJtioB1ZKEwIYUEEwCGMXgCcEAM0IAiXlCjYIALgkSDW4FABWEAHSOtzBJgCeJqgAlBEcoACkAZTcAQWAvH19JLSpJeW5JNk5aMgBuWloWDhhgJC0ICAA5LVVTUAItVjAEPQD0zOLS8qqakz0QAHdW2QBvYVQMHDwCAF90iUyuDI4qIA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=true&fileSize=false&lineWrap=false&presets=es2015%2Creact%2Cstage-2&prettier=false&targets=&version=6.26.0&envVersion=)
4660

4761
## License
4862

0 commit comments

Comments
 (0)