Create your first app using React

Here, we will learn about how to create a brand new React Application using Visual Studio Code.

Prerequisites:

  • Node.js must be installed.
  • npx must be installed
  • Any code editor like Visual Studio Code
  • Basic knowledge of JavaScript, HTML and CSS

Let’s get start with creating a new react application.

To create an application in React first of all you need to install Visual Studio Code Editor. It is helpful to create application in React. You can also use other editors also.

  • Open the folder in which you want to create the application. Then open terminal and fire the following command. “sampleapp” is my application name.
npx create-react-app sampleapp
  • Go to that new application using the following command
cd sampleapp
  • Now, open the App.js file. Change the code in the App function
import './App.css';

function App() {
  return (
    <h1>Hello World!!!!</h1>
  );
}

export default App;
  • To run the application again open the terminal and fire the following command
npm start
  • The HTML in the app.js will be reflected in web. Now, whatever you change in app.js file it will reflect in web immediately.

Submit a Comment

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

Footer Logo

Subscribe

Select Categories