1
- # Hello World with React and Cloud 9
1
+ # Hello World with React boilerplate
2
2
3
- Requirements: Make sure you are using node version 8
4
- * ` $ node -v ` to check which node version you are using
5
- * ` $ nvm use 8 ` to switch to using version 8
6
- * ` $ nvm install 8 ` to install version 8 if necessary
3
+ This template its similar to create-react-app but is meant for 4Geeks Academy students.
7
4
8
5
##### Download the boilerplate using the BreatheCode CLI
9
6
```
10
7
$ npm i breathecode-cli -g
8
+ $ bc start:react-project -r
11
9
```
12
10
13
- ##### Download the boilerplate using the BreatheCode CLI
11
+ #### Or Download the boilerplate using git
12
+
14
13
```
15
- $ bc start:react-project -r
14
+ $ git clone https://github.com/4GeeksAcademy/react-hello.git
15
+ $ cd react-hello
16
16
```
17
+
17
18
##### and install the npm package:
18
19
```
19
20
$ npm install
20
21
```
21
22
22
- ## Start coding!
23
+ ## Start coding!
23
24
24
25
Start the webpack server with live reload:
26
+ - ` $ npm run gitpod ` for Gitpod Users.
25
27
- ` $ npm run c9 ` for Cloud 9 Users.
26
- - ` $ npm run dev-server ` for windows, mac or linux.
28
+ - ` $ npm run start ` for windows, mac or linux.
27
29
28
30
You can update the ` styles/index.scss ` or ` js/index.js ` depending on your needs.
29
31
Add more files into your, ` ./src/js/components ` or styles folder as you need them.
30
32
31
- ## Publish your website!
33
+ ## Publish your website!
32
34
33
35
This boilerplate is 100% compatible with the free github pages hosting.
34
36
To publish your website you need to ` push your code to your github repository ` and run the following command after:
@@ -39,7 +41,7 @@ $ npm run deploy
39
41
## Other features
40
42
41
43
- Automatic Code Formatting: Use of [ Prettier] ( https://prettier.io/ ) for automatic code identation and formating.
42
- - Error reporting: Use of [ esling ] ( https://eslint.org/ ) for better error reporting.
44
+ - Error reporting: Use of [ eslint ] ( https://eslint.org/ ) for better error reporting.
43
45
- Hot Deploy: Use of [ Webpack Development Server] ( https://webpack.js.org/configuration/dev-server/ ) for hot deploy and live reload.
44
- - One-click publish of the code to github pages.
46
+ - One-command publish of the code to github pages with ` npm run deploy ` .
45
47
- Babel 7 (really fast).
0 commit comments