How to install React JS on Windows 10 | v18.2.0 |

How to setup React JS in Windows 10

setup react js

What is React JS?

React is an open-source, free JavaScript library that was introduced by Meta formerly known as Facebook. React JS is used as a frontend technology to develop single-page applications (SPA) but keep in mind that it is not a requirement. In ReactJS, we use components to build our applications. React JS uses the Babel compiler to translate JavaScript code to browsers.

 What are the Components?

In JavaScript we have functions and in React JS we have components (that is functions == components). Components serve the same purpose as functions but in a different manner and as a result, return HTML (in React JS we use JSX instead of plane HTML). Components are of two types, one is Class-based components and the second one is Function-based components.

You may also like: 

Prerequisite: 

  • Node JS must be installed on the device. Visit here for the installation guide on How to set up Node JS.
  • A text editor or command prompt or PowerShell.
  • Internet.

How to setup React JS on Windows 10 machine

How to install React JS

We have three methods to install React JS on Windows 10 machines just follow the given instructions.
  • Common for all the three methods: Navigate to the folder where you want to install the react app and then open CMD or PowerShell or VSCode terminal here.
  • 1st method: Inside the cmd terminal, type the following command "npx create-react-app appname_in_smallLetters".
  • 2nd method:  Inside the cmd terminal, type the following command "npm init create-react-app appname_in_smallLetters".
  • 3rd method:  Inside the cmd terminal, type the following command "yarn create-react-app appname_in_smallLetters". Remember, Yarn has to be installed before use.
Do note that "appname_in_smallLetters" is only needed when you want to create a folder, it can be replaced by dot "." if you already created a folder previously.

How to run a React app?

  • If you have created react app with the help of npm or npx use "npm start" in the terminal to run your react app in the browser.
  • If you have installed the same with yarn then write "yarn start" to run your react app in the browser.
I hope this article was helpful to you.
Thank you.

Comments

Post a Comment

Popular posts from this blog

How to install MySQL Workbench | Windows 10

Image
How to install MySQL Workbench What is MySQL Workbench? MySQL Workbench is a graphical user interface tool used for the working and development of MySQL databases. It is developed and maintained by Oracle. There are three types of MySQL Workbench available; the community edition, the standard edition, and the enterprise edition. Workbench supports MySQL server v5.6 and above and it is available for all the major platforms like Windows, Linux, and Mac. Prerequisite: Internet. Xampp. You may also like:  How to download and install XAMPP . How to set up MongoDB Atlas . How to fix XAMPP not quitting normally error How to download and install MySQL Workbench How to install MySQL Workbench on windows 10 To download and install MySQL Workbench, follow the given instructions: Visit the official download page from here , and click on the download button. It will ask you to log in or sign up, simply skip ...
Read more

How to install C and C++ | MinGW | Windows 10

Image
How to download and install C and C++ in VS What are C and C++? C and C++, are both high-level languages (HLL). C is a procedural or structured language while C++ is an Object-oriented programming language. C language was developed in 1970 by Deis Retchi at Bell labs, and C++ is a successor of C language developed by Bjarne Stroustrup in 1985. What is MinGW? MinGW formerly Ming32, is short for Minimalistic GNU for Windows. It is a free and open-source software development environment for developing Microsoft Windows applications. MinGW has a lot of libraries and header files that compile the C, C++, Fortran, ADA, etc code so that the GCC compiler present inside the Windows operating system can understand and then run that codes.  How to install C and C++ in Visual Studio Code You may also like: How to install PHP, XAMPP . How to connect MongoDB Atlas . How to install MinGW in Visual Studio Code To install C and C++ on your Windows 10 machine using the MinGW compiler, follow the giv...
Read more

How to install Python on Windows 10

Image
How to install Python on Windows 10 What is Python? Python is an interpreted, object-oriented, general-purpose, high-level programming language with dynamic semantics that can be used in a wide variety of applications. Python is used to build websites, application software, AI, ML, DL, data analysis, etc. Python was developed by Guido van Rossum in 1991. How to install Python You may also like: How to download and install Java . How to install Android Studio . How to install Python on Windows 10 visual studio To install python on Windows 10, follow the given instructions: Visit www.python.org  and download the python installer. Double-click on the downloaded file. It will open the setup wizard. Make sure to check the install launcher for all users and add the python version to the path checkboxes. Now click on the install now button, then wait till the installation is complete, and after that click on the close button.   How to check if Python was installed successfull...
Read more