Skip to main content

'Hello World' in React ( using components)

Updated 1 min readMarkdown
'Hello World' in React ( using components)

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: [https://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 !!

About the author

  • I am sanyam gandhak ! Currently doing internship at startup named as Truscholar as a Full Stack Developer Intern

    Have experience in Nodejs React JavaScript

No comments yet. Be the first to comment.