In this tutorial we will see how we can get started with React by writing the Hello World application.
First create index.js in your folder and add the following code to it
|
1 2 3 4 5 6 7 8 9 10 11 |
const title = React.createElement( 'h1', {id:'title',classname:'header'}, 'Hello World' ) ReactDOM.render( title, document.getElementById('root') ) |
Then you can create index.html file and define the root element
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="https://unpkg.com/react@16/umd/react.development.js"></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> <title>title</title> </head> <body> <div id='root'> </div> </body> <script src="index.js"> </script> </html> |
Then I am going to open the terminal and change the directory where I have the files
I will run the following command to install httpster server
|
1 |
sudo npm install -g httpster |
Once you install the server you can start the server with following command at terminal
|
1 |
httpster |
When you start the server you will get following message
Starting HTTPster v1.0.3 on port 3333 from /Users/Dev/Documents/react
Now you can open the page http://localhost:3333/ and see the “Hello world” message
