Techmod
  • Home
  • Internet
  • Business
  • Technology
  • Digital Marketing
  • Games
  • Reviews
  • Lifestyle
  • Guest Post Blog 🔥
No Result
View All Result
  • Home
  • Internet
  • Business
  • Technology
  • Digital Marketing
  • Games
  • Reviews
  • Lifestyle
  • Guest Post Blog 🔥
No Result
View All Result
Techmod
No Result
View All Result
Home Tutorials

How to Install React JS on Windows 10?

by admin
May 14, 2021
in Tutorials
0
React JS

Source: Codecondo.com

React is one of the most popular Javascript front-end libraries. It has more than 100k GitHub stars and backed by thousands of developers around the globe. React is supported by Facebook and mainly used for SPA (Single Page Application). Due to its modular structure and compatibility, nowadays, it is being used for the development of the high-end tech products and number 1 choice for startup owners.

How to Setup React JS Environment for Windows 10 Locally?

In this tutorial, I am gonna show you how to set up a React Js environment for your local use. For this, you need the following things

  • Text Editor (VIM/VS Code)
  • Node Js Latest Version

4 Steps to Install React JS

Follow these easy steps for installation.

Step 1: Install the latest version of the VS Code. Download here. Make sure to allow administrator privileges during the installation.

Step 2: Install the latest version of Node Js. From here

Step 3: Make a folder in your directory for React Js like ‘My React Apps’

Step 4: Now make sure you are following the latest versions

git --version

Followed by:

node --version

Followed by:

npm --version Step 5: Now run series of command to install React JS
create-react-app --version

Create react project:

create-react-app ReactApp 

Run project:

cd <projectname>
npm start

Then open http://localhost:3000/ to see your React Js App.

Yay! You are done with your first React JS App.

Tips :

  • You don’t need to set up Babel or Webpack.
  • All the dependencies are configured automatically
  • React, JSX, ES6, TypeScript and Flow syntax support.
  • React Js also support autoprefixed CSS.
  • No need for -WebKit in React JS Apps.
  • Coverage supporter is run by the fast integrator in React JS.
  • All the errors are being displayed at run time for fixation.

Related: How did I Optimize My Webpage and Gain 30k Traffic Per Day?


Related Posts

Convert Spotify to MP3 with DRmare Spotify Downloader
Tutorials

How to Convert Spotify to MP3 with DRmare Spotify Downloader

May 23, 2020
Save-Webpage-as-a-PDF
How To

How To Save a Webpage as a PDF on Windows 10

April 12, 2020
How To

How To Enable Facebook’s New Redesign & Dark Mode

April 23, 2020
Fix-QuickBooks-Error-C-343
How To

How to Fix QuickBooks Error C 343? [Solved]

March 23, 2020
Next Post
How to Download Videos From Youtube

How to Download Videos From Youtube?

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recommended

business

Top Ways That Tech Can Make Running a Business Easier

December 4, 2021
vpn

Internet 10 Best Free VPNs for Android – Safe, Fast and Unlimited

March 18, 2020
seo-audit

5 Proven Steps to Start Freelancing with Zero Experience

May 16, 2020
gameplay

Best Android Emulators to Play Azur Lane on PC

March 31, 2021
education-writing

Setting Goals For Homework

February 12, 2020
DEVICES

9 website design innovations businesses need to understand this 2020

March 6, 2020
  • About Us
  • Disclaimer
  • Privacy Policy
  • Write for us
  • Contact
  • TechDee

DISCLAIMER
Techmod is a premium tech blog. We aim to cover latest tech news, trends, tips & tricks and many more.
© 2020 Techmod.org.

No Result
View All Result
  • Home
  • Internet
  • Business
  • Technology
  • Digital Marketing
  • Games
  • Reviews
  • Lifestyle
  • Guest Post Blog 🔥

© 2020 Techmod