Install React Project with CLI & Run Our First React App

Install React Project with CLI & Run Our First React App

Welcome to React Tutorial. Today we'll show -

  • React First Project Setup
  • Node Js installation and Setup
  • React Project Run
  • Change Project and Run again.


Download Source Codes and Help:

Day 2 Source Code -


Topic Covered:

What is Node JS In a short sense:

  • Node JS is JavaScript Run time Built on Chrome V8 Engine.
  • Cross Platform, Open Source, Faster Execution. 
  • Serves Our Website on node server.
  • Helps to generate bundle from files that run in browser. Similar Could be browserify, webpack


Install Node JS


Add Node in Environment Variable path (if necessary)

C:\Program Files\nodejs


Check if installed Node JS

node –v


Common ERROR in NODE Installation

npm is not recognized as internal or external command



Add Node in Environment Variable path

C:\Program Files\nodejs


Install React App and Run: 


Change in src/app.js

import logo from './logo.svg';
import './App.css';

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
         Welcome to React World !! New 
          rel="noopener noreferrer"
          Learn React

export default App;



View in Browser - 




Tags More: react bangla video, react tutorials, react advance, react basic to pro, react project, react live project example, react video tutorial, react real example, react project run, react bangla video, react project setup, react ecommerce project, react todo app, react admin panel, react big project


#3 Enable Additional Plugins for Better React Development - React Basic to Pro Series