Sayam Gandhak
Sanyam Ka Gyan

Follow

Sanyam Ka Gyan

Follow
'Hello World' in React ( using components)

Photo by Lautaro Andreani on Unsplash

'Hello World' in React ( using components)

Sayam Gandhak's photo
Sayam Gandhak
·Jul 2, 2022·

1 min read

Since we are so obsessed with "Hello World," we always start learning any new technology by printing "Hello World." Let's follow that logic, then, and print the same "Hello World" in React.

Click the following link if you would prefer to watch a video rather than read something: [youtu.be/G5MlK-Z7His]

What steps we will take to do so : -

  1. First, we'll use the command (npx-create-app hello) to create a React application. This will create a folder called "hello" for us.

npx ss .png

2.After that we will do cleanup of App.js ( this folder will be there in our React App )

Before Cleanup :

beforecleanup.png

After Cleanup :

aftercleanup.png

3.After that we will create component named as 'Hello.jsx' and will write our code in it

creatingcomponent.png

4.We will import component in App.js and will see the localhost

component.png Taddaaaa.....we have successfully printed 'Hello World' in React using Components .

Screenshot (812).png

Hit Like if you liked the explanation and do give feedback if you have any !!

 
Share this