fbpx

Setup ReactJS to create your first hello world

ReactJS environment setup in Windows using NodeJS, npm and few modules

Setting up ReactJS Locally (Windows)

Preface:

In this article, we are going to see how to setup ReactJS locally (Windows).

Prerequisites:

  • NodeJS
  • npm & npx (if npx is not installed use the below command
    npm install -g npx

Using the create-react-app command:

npm command
npx create-react-app hello-world-react-app
npx command executed

Once the npx command is successfully executed, you will be seeing the screen as above image.

Now we are good to start our first ReactJS app.

we need to go inside our react application folder.

cd hello-world-react-app
npm start

once you are inside the reactjs application folder, start the web development server (webpack) using npm start command.

ReactJS App started and url is printed in terminal/command

Once you click on the link, it should open browser window with the URL clicked. http://localhost:3000/

ReactJS App Launched in Browser

Pro Tip:

You do not need to restart the webpack everytime, just make changes to your RectJS Application code and save it, it will be automatically rebuild and reloaded in the browser.

Balamurugan T

Balamurugan T

August 11, 2021

Java & C#.NET Developer with 10++ years of IT experience.

Planning to learn ReactJS or Angular or Flutter.!

How to Setup Apache Tomcat 7 Server

Setting Up Apache Tomcat 6/7/8 Server Runtime


At first we need to download install Apache Tomcat 7.

  • After Install, Open Eclipse.
  • Open Windows -> Preference and Search for “Server”

    Preference for Server

    Windows -> Preference -> Server

  • Select Runtime Environments, Click Add.
  • New Server Runtime Wizard will open.
  • Select The Apache Tomcat Version (Here i’m Selecting Tomcat 7)
runtim-select-tcat7

New Server Runtime Environment (Select Tomcat 7 or other Version)

  • Click Next
  • Name (Can be any name)
    • Apache Tomcat 7.0
  • Tomcat Installation Directory (Choose the Installation Dir)
    • C:\Program Files (x86)\Apache Software Foundation\Tomcat 7.0
  • JRE
    • Select the Workbench Default (if you want to use different JRE, change here).
  • Click Finish.

We Have Create new Runtime.

Now we need to Create Local Server

  • Windows -> Show View -> Server (Alternatevely you can User Quick Access to open Server view).
  • Create New Server
    new-server

    New Server :  Click Finish to Have default Values

     

  • Voila! We have finished the Server Setup.
  • You can startt adding the project to server and Start.