Get the full source code of application here:
Show More Show Less View Video Transcript
0:00
Uh hello guys, welcome to this video. So
0:02
Uh hello guys, welcome to this video. So
0:02
Uh hello guys, welcome to this video. So in this video, I'll show you a VS code
0:04
in this video, I'll show you a VS code
0:04
in this video, I'll show you a VS code extension in which you can directly
0:05
extension in which you can directly
0:05
extension in which you can directly generate React components directly from
0:08
generate React components directly from
0:08
generate React components directly from VS Code. So this is the uh extension
0:11
VS Code. So this is the uh extension
0:11
VS Code. So this is the uh extension right here. React component generator.
0:14
right here. React component generator.
0:14
right here. React component generator. It's used by almost 492,000 developers.
0:18
It's used by almost 492,000 developers.
0:18
It's used by almost 492,000 developers. So it basically saves a lot of time. It
0:21
So it basically saves a lot of time. It
0:21
So it basically saves a lot of time. It directly generates the component files
0:23
directly generates the component files
0:23
directly generates the component files of React directly from VS Code. So
0:26
of React directly from VS Code. So
0:26
of React directly from VS Code. So simply click the install button and
0:28
simply click the install button and
0:28
simply click the install button and simply install this extension. And after
0:31
simply install this extension. And after
0:31
simply install this extension. And after installing it now simply select
0:33
installing it now simply select
0:33
installing it now simply select whichever location you want to just
0:36
whichever location you want to just
0:36
whichever location you want to just create one folder
0:39
create one folder
0:39
create one folder or you can also just go to command
0:41
or you can also just go to command
0:41
or you can also just go to command prompt
0:43
prompt
0:43
prompt and just write here react
0:50
create react.
0:52
create react.
0:52
create react. You will see this option appearing if
0:54
You will see this option appearing if
0:54
You will see this option appearing if you right click. Sorry. If you right
0:56
you right click. Sorry. If you right
0:56
you right click. Sorry. If you right click here, you will see this option
0:58
click here, you will see this option
0:58
click here, you will see this option appearing in the context menu. Generate
1:00
appearing in the context menu. Generate
1:00
appearing in the context menu. Generate react component. So write if you want to
1:04
react component. So write if you want to
1:04
react component. So write if you want to generate this, simply name your
1:06
generate this, simply name your
1:06
generate this, simply name your component. So after naming it, it will
1:09
component. So after naming it, it will
1:09
component. So after naming it, it will create this component automatically for
1:12
create this component automatically for
1:12
create this component automatically for you which is user tcx file. Here it will
1:16
you which is user tcx file. Here it will
1:16
you which is user tcx file. Here it will create automatically this components
1:18
create automatically this components
1:18
create automatically this components folder and inside this it will create
1:21
folder and inside this it will create
1:22
folder and inside this it will create all these files automatically for you.
1:24
all these files automatically for you.
1:24
all these files automatically for you. So
1:26
So
1:26
So if I delete this and show to you from
1:28
if I delete this and show to you from
1:28
if I delete this and show to you from scratch.
1:36
So now you can see there is no folder is
1:38
So now you can see there is no folder is
1:38
So now you can see there is no folder is there and just right click again simply
1:41
there and just right click again simply
1:41
there and just right click again simply select generate react component and just
1:43
select generate react component and just
1:43
select generate react component and just name your component
1:47
name your component
1:47
name your component and then automatically it creates this
1:49
and then automatically it creates this
1:49
and then automatically it creates this folder and uh all the files are
1:51
folder and uh all the files are
1:51
folder and uh all the files are automatically generated for you and the
1:53
automatically generated for you and the
1:53
automatically generated for you and the boiler plate code is also added. So this
1:56
boiler plate code is also added. So this
1:56
boiler plate code is also added. So this will save a lot of time because you
1:58
will save a lot of time because you
1:58
will save a lot of time because you don't need to manually create those
2:00
don't need to manually create those
2:00
don't need to manually create those files and instead you can install this
2:02
files and instead you can install this
2:02
files and instead you can install this extension which will do the job for you.
2:05
extension which will do the job for you.
2:05
extension which will do the job for you. So you can see automatically all the
2:07
So you can see automatically all the
2:07
So you can see automatically all the files have been generated.
2:13
So if you want to create another
2:14
So if you want to create another
2:14
So if you want to create another component again simply right click and
2:18
component again simply right click and
2:18
component again simply right click and simply select that option
2:21
simply select that option
2:21
simply select that option user two and now it will create another
2:24
user two and now it will create another
2:24
user two and now it will create another folder in the components folder
2:26
folder in the components folder
2:26
folder in the components folder user 2 and all the files are again
2:29
user 2 and all the files are again
2:29
user 2 and all the files are again generated.
2:33
So definitely check out this extension
2:35
So definitely check out this extension
2:35
So definitely check out this extension guys, React component generator and
2:38
guys, React component generator and
2:38
guys, React component generator and basically generate components directly
2:40
basically generate components directly
2:40
basically generate components directly from VS code.
#Programming
#Photo & Video Sharing
