⚛️ Create React Component Files in 1 Click – VSCode Power Hack!

Uh hello guys, welcome to this video. So

Uh hello guys, welcome to this video. So

Uh hello guys, welcome to this video. So in this video, I'll show you a VS code

in this video, I'll show you a VS code

in this video, I'll show you a VS code extension in which you can directly

extension in which you can directly

extension in which you can directly generate React components directly from

generate React components directly from

generate React components directly from VS Code. So this is the uh extension

VS Code. So this is the uh extension

VS Code. So this is the uh extension right here. React component generator.

right here. React component generator.

right here. React component generator. It's used by almost 492,000 developers.

It's used by almost 492,000 developers.

It's used by almost 492,000 developers. So it basically saves a lot of time. It

So it basically saves a lot of time. It

So it basically saves a lot of time. It directly generates the component files

directly generates the component files

directly generates the component files of React directly from VS Code. So

of React directly from VS Code. So

of React directly from VS Code. So simply click the install button and

simply click the install button and

simply click the install button and simply install this extension. And after

simply install this extension. And after

simply install this extension. And after installing it now simply select

installing it now simply select

installing it now simply select whichever location you want to just

whichever location you want to just

whichever location you want to just create one folder

create one folder

create one folder or you can also just go to command

or you can also just go to command

or you can also just go to command prompt

prompt

prompt and just write here react

create react.

create react.

create react. You will see this option appearing if

You will see this option appearing if

You will see this option appearing if you right click. Sorry. If you right

you right click. Sorry. If you right

you right click. Sorry. If you right click here, you will see this option

click here, you will see this option

click here, you will see this option appearing in the context menu. Generate

appearing in the context menu. Generate

appearing in the context menu. Generate react component. So write if you want to

react component. So write if you want to

react component. So write if you want to generate this, simply name your

generate this, simply name your

generate this, simply name your component. So after naming it, it will

component. So after naming it, it will

component. So after naming it, it will create this component automatically for

create this component automatically for

create this component automatically for you which is user tcx file. Here it will

you which is user tcx file. Here it will

you which is user tcx file. Here it will create automatically this components

create automatically this components

create automatically this components folder and inside this it will create

folder and inside this it will create

folder and inside this it will create all these files automatically for you.

all these files automatically for you.

all these files automatically for you. So

So

So if I delete this and show to you from

if I delete this and show to you from

if I delete this and show to you from scratch.

So now you can see there is no folder is

So now you can see there is no folder is

So now you can see there is no folder is there and just right click again simply

there and just right click again simply

there and just right click again simply select generate react component and just

select generate react component and just

select generate react component and just name your component

name your component

name your component and then automatically it creates this

and then automatically it creates this

and then automatically it creates this folder and uh all the files are

folder and uh all the files are

folder and uh all the files are automatically generated for you and the

automatically generated for you and the

automatically generated for you and the boiler plate code is also added. So this

boiler plate code is also added. So this

boiler plate code is also added. So this will save a lot of time because you

will save a lot of time because you

will save a lot of time because you don't need to manually create those

don't need to manually create those

don't need to manually create those files and instead you can install this

files and instead you can install this

files and instead you can install this extension which will do the job for you.

extension which will do the job for you.

extension which will do the job for you. So you can see automatically all the

So you can see automatically all the

So you can see automatically all the files have been generated.

So if you want to create another

So if you want to create another

So if you want to create another component again simply right click and

component again simply right click and

component again simply right click and simply select that option

simply select that option

simply select that option user two and now it will create another

user two and now it will create another

user two and now it will create another folder in the components folder

folder in the components folder

folder in the components folder user 2 and all the files are again

user 2 and all the files are again

user 2 and all the files are again generated.

So definitely check out this extension

So definitely check out this extension

So definitely check out this extension guys, React component generator and

guys, React component generator and

guys, React component generator and basically generate components directly

basically generate components directly

basically generate components directly from VS code.