How to display a React.js component on the browser?

How to create a Hello World app in React.js »

To create and show a component on the web browser, you need to follow certain steps.First, go to the src folder and delete everything inside of it. Now if you go back to the browser (localhost:3000), you’ll see an error that says:

Failed to compile

./src/index.js

Error: ENOENT: no such file or directory, open 

'F:\Projects\React\helloworld\src\index.js'

This is because one of the files you deleted from src folder is responsible for rendering components on the web-browser, named index.js. So, go ahead and create a file named index.js inside the src folder. Now you’ll notice the error go away. However, you won’t see anything at all at the localhost address.

Let’s create a component and try to render it on the web-browser. Your first step would be to import the required libraries / dependencies.