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
+13-18Lines changed: 13 additions & 18 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -14,39 +14,34 @@
14
14
15
15
You can find lots of free interactive/autograded tutorials online, but there are very few about React.js. That's why we decided to create a comprehensive selection of exercises for developers who are interested in learning React.js.
16
16
17
-
These exercises can be done by both junior and senior developers and are intended to be built by collaboration, we need your help!
17
+
These exercises can be done by both junior and senior developers and are intended to be built through collaboration. We need your help!
18
18
19
-
If you find any bugs or spelling issues, please contribute and report them and we will correct them.
If you find any bugs or spelling issues, please contribute and report them, and we will correct them.
24
20
25
21
<!-- hide -->
26
-
27
22
## One click installation (recommended):
28
23
29
24
You can open these exercises in just a few seconds by clicking: [Open in Codespaces](https://codespaces.new/?repo=4GeeksAcademy/react-tutorial-exercises) (recommended) or [Open in Gitpod](https://gitpod.io#https://github.com/4GeeksAcademy/react-tutorial-exercises.git).
30
25
31
-
> Once you have VSCode open the LearnPack exercises should start automatically. If exercises don't run automatically you can try typing on your terminal: `$ learnpack start`
26
+
> Once you have VSCode open, the LearnPack exercises should start automatically. If exercises don't run automatically, you can try typing on your terminal: `$ learnpack start`
32
27
33
28
## Local installation:
34
29
35
30
Clone the repository in your local environment and follow the steps below:
36
31
37
-
1. Make sure you have the [learnpack-cli](https://github.com/learnpack/learnpack-cli) installed and `node.js` version 14+. This is the command to install the learnpack-cli
32
+
1. Make sure you have the [learnpack-cli](https://github.com/learnpack/learnpack-cli) installed and `node.js` version 14+. This is the command to install the learnpack-cli:
38
33
39
-
```sh
34
+
```bash
40
35
$ npm i learnpack -g
41
36
```
42
37
43
-
2. Download the react exercises by **cloning** the project or downloading the zip from github.
38
+
2. Download the React exercises by **cloning** the project or downloading the zip from GitHub.
44
39
45
-
> Note: Once you finish downloading, make sure you are in the right folder (you will find a the subdirectory "exercises").
40
+
> Note: Once you finish downloading, make sure you are in the right folder (you will find the subdirectory "exercises").
46
41
47
42
3) Start the tutorial/exercises by running the following command from the root of the project:
48
43
49
-
```sh
44
+
```bash
50
45
$ npm i jest@24.8.0 -g
51
46
$ learnpack plugins:install learnpack-react
52
47
$ learnpack start
@@ -56,23 +51,23 @@ $ learnpack start
56
51
57
52
## How are the exercises organized?
58
53
59
-
Each exercise is a small react application containing the following files:
54
+
Each exercise is a small React application containing the following files:
60
55
61
56
1.**app.js:** represents the entry file for the exercise.
62
57
2.**README.md:** contains exercise instructions.
63
58
3.**test.js:** you don't have to open this file, it contains the testing script for the exercise.
64
59
65
-
> Note: The exercises have automatic grading but it's very rigid and strict, my recommendation is to ignore the tests and use them only as a recommendation or you can get frustrated.
60
+
> Note: The exercises have automatic grading, but it's very rigid and strict, my recommendation is to not take the tests too serious and use them only as a suggestion, or you may get frustrated.
66
61
67
62
## Contributors
68
63
69
64
Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
0 commit comments