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: learn-pr/language/react-get-started/includes/8-project-from-scratch.md
+8-8Lines changed: 8 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -15,7 +15,7 @@ Our core setup has two main folders that store code:
15
15
- Contains any files that need to be rendered
16
16
- Stores all *.jsx* files
17
17
18
-
We'll also create two files to configure our application:
18
+
We also create two files to configure our application:
19
19
20
20
-**package.json**: Contains the list of packages and scripts for our application
21
21
-**snowpack.config.js**: Contains configuration options for Snowpack
@@ -56,7 +56,7 @@ In an empty directory, start by installing the necessary components by using npm
56
56
```
57
57
58
58
> [!NOTE]
59
-
> Snowpack is a *dev dependency*. That is, it's not required for production because it generates the necessary JavaScript and HTML files during the build process.
59
+
> Snowpack is a *dev dependency*. It isn't required for production because it generates the necessary JavaScript and HTML files during the build process.
60
60
61
61
1. Open the directory in Visual Studio Code by running the following command.
62
62
@@ -66,11 +66,11 @@ In an empty directory, start by installing the necessary components by using npm
66
66
67
67
## Set up Snowpack
68
68
69
-
One of the advantages of a tool like Snowpack is that it's mostly self-configuring. However, we do need to indicate our code's folder structure. To indicate the folder structure, we set options in the *snowpack.config.js* file.
69
+
One of the advantages of a tool like Snowpack is that it's mostly self-configuring. However, we do need to indicate our code's folder structure. To indicate the folder structure, we set options in the `snowpack.config.js` file.
70
70
71
71
1. In Visual Studio Code, create a new file by selecting **File** > **New File**.
72
72
73
-
1. Name the file *snowpack.config.js*.
73
+
1. Name the file `snowpack.config.js`.
74
74
75
75
1. In the new file, add the following code.
76
76
@@ -83,15 +83,15 @@ One of the advantages of a tool like Snowpack is that it's mostly self-configuri
83
83
}
84
84
```
85
85
86
-
This code tells Snowpack to use our *public* folder as the root of the application. It also sets the *src* directory as the virtual location for the JavaScript files and HTML files it will generate.
86
+
This code tells Snowpack to use our *public* folder as the root of the application. It also sets the *src* directory as the virtual location for the JavaScript files and HTML files it generates.
87
87
88
88
## Create the npm scripts
89
89
90
-
To support our development work, we'll use two scripts with Snowpack. The first script starts the development server. This action automatically refreshes our page when we modify our application. The second script is used when we're ready to build all our files for deployment.
90
+
To support our development work, we use two scripts with Snowpack. The first script starts the development server. This action automatically refreshes our page when we modify our application. The second script is used when we're ready to build all our files for deployment.
91
91
92
92
1. In Visual Studio Code, open the *package.json* file.
93
93
94
-
1. At the bottom of the file, above the last curly bracket (`}`), add the following code. This code creates the start and build scripts.
94
+
1. At the bottom of the file, above the last curly bracket (`}`), add the following code. This code creates the **start** and **build** scripts.
95
95
96
96
```json
97
97
{
@@ -122,4 +122,4 @@ To support our development work, we'll use two scripts with Snowpack. The first
122
122
123
123
1. Save all files by selecting **File**>**Save all**.
124
124
125
-
You have now set up your starter project! You can add *index.html*, *App.jsx*, and other files just as you did in the previous units.
125
+
Your starter project is now set up! You can add *index.html*, *App.jsx*, and other files just as you did in the previous units.
0 commit comments