Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
83 views

Introduction To ReactJS-Practices

This document provides instructions for setting up a development environment for ReactJS. It involves installing NodeJS, creating a React app using create-react-app, navigating to the app folder and starting a development server to run the app locally and view it in the browser. The steps include creating a folder for the React project, using npx to generate a new React app, navigating into the app folder and running npm start to launch the development server on localhost:3000.

Uploaded by

lolitaferoz
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
83 views

Introduction To ReactJS-Practices

This document provides instructions for setting up a development environment for ReactJS. It involves installing NodeJS, creating a React app using create-react-app, navigating to the app folder and starting a development server to run the app locally and view it in the browser. The steps include creating a folder for the React project, using npx to generate a new React app, navigating into the app folder and running npm start to launch the development server on localhost:3000.

Uploaded by

lolitaferoz
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

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-2: Setting up the Development Environment
Overview
In this practice, you will learn to set up React environment for creating React applications.
Assumptions
You should have completed the Practice of 1-1.
Tasks:
1. Set up the React application environment.
a. Create the folder name Reactjs and change the folder to Reactjs. Execute the
command to create the react project.
npx create-react-app my-app

b. On successful execution of the command, verify the app created with the name
my-app as shown below.
Note: Here “my-app” is the project name. You can specify any name to the project.

c. Navigate to the project folder and start the development server by executing the
below given command.

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

3 Practice of lesson 1: Introduction to react js


cd my-app
npm start

d. The output is displayed in the terminal as shown.

e. Open the browser and provide the URL as localhost:3000 as specified above.
Verify the ReachJS application as shown below.

2. Close the terminal and the browser.

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

4 Practice of lesson 1: Introduction to react js

You might also like