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: 00 Boilerplate/readme.md
+15-17
Original file line number
Diff line number
Diff line change
@@ -1,12 +1,11 @@
1
1
# 00 Boilerplate
2
2
3
-
In this sample we are going to setup the basic plumbing to "build" our project and launch it in a dev server.
3
+
In this sample we setup the basic plumbing to "build" our project and launch it in a dev server.
4
4
5
-
We won't install anything related about React, just some basic plumbing. In sample 01 we will start by importing
6
-
React and ReactDOM.
5
+
We won't install anything related to React, but some basic plumbing. React and ReactDOM are imported in sample 01.
7
6
8
-
We will setup an initial <abbrtitle="Node.js package manager, a package manager for the JavaScript runtime environment Node.js">npm</abbr> project, give support to TypeScript, and install React.<br />
9
-
Then we will create a **helloworld.ts** sample.
7
+
We setup an initial <abbrtitle="Node.js package manager, a package manager for the JavaScript runtime environment Node.js">npm</abbr> project, give support to TypeScript, and install React.<br />
@@ -31,8 +30,8 @@ Install [Node.js and npm](https://nodejs.org/en/) (v8.9.1) if they are not alrea
31
30
32
31
- Create and navigate to the folder where you are going to create the empty project.
33
32
34
-
- Execute `npm init`, you will be prompted to answer some information request about the project (e.g. set name to _samplereact_ and description to _Sample working with React,TypeScript and Webpack_).
35
-
Once you have successfully fullfilled them a **[./package.json](./package.json)** file we will generated.
33
+
- Execute `npm init`. You are prompted to answer some questions about the project (e.g. set name to _samplereact_ and description to _Sample working with React,TypeScript and Webpack_).
34
+
Once you have successfully answered them, a **[./package.json](./package.json)** file is generated.
36
35
37
36
```bash
38
37
npm init
@@ -49,13 +48,13 @@ Once you have successfully fullfilled them a **[./package.json](./package.json)*
49
48
npm install webpack-dev-server --save-dev
50
49
```
51
50
52
-
- Let's install a list of plugins and loaders that will add powers to our webpack configuration (handling <abbrtitle="Cascading Style Sheets">CSS</abbr>, TypeScript...).
51
+
- Let's install a list of plugins and loaders to add capabilities to our webpack configuration (handling <abbrtitle="Cascading Style Sheets">CSS</abbr>, TypeScript...).
- Babel needs to be configured for works. We will create one file **[./.babelrc](./.babelrc)** in root and later we will see how to put it in **[./webpack.config.js](./webpack.config.js)**. In this example, we will use this .babelrc:
102
+
- Babel needs to be configured for it to work. We create **[./.babelrc](./.babelrc)** in the root folder. Later we will see how to put it in **[./webpack.config.js](./webpack.config.js)**. In this example, we use this .babelrc:
104
103
105
104
_[./.babelrc](./.babelrc)_
106
105
```json
@@ -122,7 +121,7 @@ _[./.babelrc](./.babelrc)_
122
121
npm install bootstrap --save
123
122
```
124
123
125
-
- Now, our **[./package.json](./package.json)** file should looks something like:
124
+
- Now, our **[./package.json](./package.json)** file should look something like:
0 commit comments