Sept. 26, 2024, 12:12 p.m.
ReactJs

Create a ReactJS Application

Let follow a simple concept to create a React  application.

  • Create a new folder: react-folder
    This is the folder that will house your React app. Give this folder any name of your choice
  • Use terminal to navigate to the folder directory: cd react-folder
    You can create a new React app through NPM or Yarn.
    (NPM or Yarn is a package manager that help execute specified package).
    In this tutorial I will be using NPM

Run the following code on your terminal:

  • npx create-react-app training

The code above we use npx create-react-app to create a new react app called training.

Training is the name of our app, you can give any name to your app.


After executing that code a new React app with all dependencies will be created at the current folder.

A folder name training with file structure that look like this will be created.

Navigate to your project directory (training folder): cd training

  • Start the React app: npm start
    The application should now be running in your browser: http://127.0.0.1:3000


This is the end of this tutorial in the following tutorial I will show how to develop this React application.


AUTHOR
...
Git Puppy's

Built with love, for the love of the community. Git Puppy's making coding friendlier since 90's.

Hi there, I take request for tutorials and I create them for free so feel FREE to reach out.

Latest Articles

Create a ReactJS Application

Let follow a simple concept to create a React  application.

  • Create a new folder: react-folder
    This is the folder that will house your React app. Give this folder any name