Articles → REACTJS → Create Our First React.Js Application From Scratch

Create Our First React.Js Application From Scratch






Create Your React.Js Project




npx create-react-app myfirstreactjsapp





Adding New File Inside The Src Folder




import React from 'react';
import ReactDOM from 'react-dom'

const element = <h1>Hello World</h1>;

ReactDOM.render(element, document.getElementById('root'));



Run The Application




Picture showing the output of the first react.js application from scratch
Click to Enlarge


Render Method






  1. JSX Code (converted to HTML code using Babel)
  2. HTML element


ReactDOM.render(element, document.getElementById('root'));





Posted By  -  Karan Gupta
 
Posted On  -  Wednesday, July 28, 2021
 
Updated On  -  Tuesday, August 3, 2021

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250