Practices for Lesson 1:

Introduction to ReactJS

Copyright © 2022, Proton Expert Systems & Solutions. All rights reserved

1 Practice of lesson 1: Introduction to react js

Practices for Lesson 1
Overview
In the practices for this lesson, you will learn how to install NodeJS, verifying the NodeJS
version and setup the development environment of ReactJS.

Copyright © 2022, Proton Expert Systems & Solutions. All rights reserved

2 Practice of lesson 1: Introduction to react js

Practice of 1-1: Installing NodeJS
Overview
In this practice, you will learn to install NodeJS in the local system.
Time 30min
Tasks:
1. Install NodeJS in local system.
a. On Local Machine, using a browser open the below URL to download NodeJS.
Link: https://nodejs.org/en/download/
b. Click LTS (Recommended for most users) and then click on installer OS.
For Example: Windows Installer

c. Click the executable file node-v16.13.1-x64, as shown below.

Note: NodeJS file name may be different according to the version downloaded.

Copyright © 2022, Proton Expert Systems & Solutions. All rights reserved

3 Practice of lesson 1: Introduction to react js

 d. Accept the License Agreement and click Next.

e. Accept the default path to install the NodeJS and click Next.

Copyright © 2022, Proton Expert Systems & Solutions. All rights reserved

4 Practice of lesson 1: Introduction to react js

 f. In Custom Setup dialog box accept the default and click Next.

g. Click Install to initiate the installation of NodeJS as shown below.

Copyright © 2022, Proton Expert Systems & Solutions. All rights reserved

5 Practice of lesson 1: Introduction to react js

 h. Verify the completion of the NodeJS installation and click Finish.

2. Verify installed NodeJS version in Command Prompt.

a. Open the Command Prompt terminal and run the command node as shown
below.
node

Copyright © 2022, Proton Expert Systems & Solutions. All rights reserved

6 Practice of lesson 1: Introduction to react js

 b. Verify the installed node version by executing the command given below.
node -v

3. Keep the terminal open for next practice.

Copyright © 2022, Proton Expert Systems & Solutions. All rights reserved

7 Practice of lesson 1: Introduction to react js