Skip to content

Commit 8c4b8c8

Browse files
committed
Updated dependency versions
1 parent 8abfac6 commit 8c4b8c8

File tree

1 file changed

+8
-5
lines changed

1 file changed

+8
-5
lines changed

tutorial/02-create-app.md

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,15 +5,18 @@ In this section you'll create a new React app.
55
1. Open your command-line interface (CLI), navigate to a directory where you have rights to create files, and run the following commands to create a new React app.
66

77
```Shell
8-
npx create-react-app@3.4.1 graph-tutorial --template typescript
8+
npx create-react-app@4.0.1 graph-tutorial --template typescript
99
```
1010

1111
1. Once the command finishes, change to the `graph-tutorial` directory in your CLI and run the following command to start a local web server.
1212

1313
```Shell
14-
npm start
14+
yarn start
1515
```
1616

17+
> [!NOTE]
18+
> If you do not have [Yarn](https://yarnpkg.com/) installed, you can use `npm start` instead.
19+
1720
Your default browser opens to [https://localhost:3000/](https://localhost:3000) with a default React page. If your browser doesn't open, open it and browse to [https://localhost:3000/](https://localhost:3000) to verify that the new app works.
1821
1922
## Add Node packages
@@ -32,8 +35,8 @@ Before moving on, install some additional packages that you will use later:
3235
Run the following command in your CLI.
3336
3437
```Shell
35-
npm install [email protected] @types/[email protected].5 bootstrap@4.5.2 reactstrap@8.5.1 @types/reactstrap@8.5.1 @fortawesome/fontawesome-free@5.14.0
36-
npm install moment@2.27.0 [email protected].31 [email protected] @azure/msal-browser@2.1.0 @microsoft/microsoft-graph-client@2.0.0 @types/microsoft-graph@1.18.0
38+
yarn add [email protected] @types/[email protected].7 bootstrap@4.6.0 reactstrap@8.9.0 @types/reactstrap@8.7.2 @fortawesome/fontawesome-free@5.15.2
39+
yarn add moment@2.29.1 [email protected].32 [email protected] @azure/msal-browser@2.10.0 @microsoft/microsoft-graph-client@2.2.1 @types/microsoft-graph@1.28.0
3740
```
3841
3942
## Design the app
@@ -102,6 +105,6 @@ Start by creating a navbar for the app.
102105
export default App;
103106
```
104107
105-
1. Save all of your changes and refresh the page. Now, the app should look very different.
108+
1. Save all of your changes and restart the app. Now, the app should look very different.
106109
107110
![A screenshot of the redesigned home page](images/create-app-01.png)

0 commit comments

Comments
 (0)