Setup VSCode like a senior React developer

Рет қаралды 44,437

Күн бұрын

Join The Discord! → discord.cosdensolutions.io
Snippet File → github.com/cosdensolutions/co...
VSCode Theme | Font → Material Theme Darker | Menlo, Monaco "monospace"
It's finally time that I share with you all my VSCode setup as a senior React developer. I share the snippets I use, the extensions I use, and the many quality of life improvements I setup to make working with React daily a joy. If you want to be a senior React developer, you should definitely check out this VSCode setup!

Пікірлер: 72

@tislam100 6 ай бұрын

Thank you so much for the snippet file, its a game changer. I have been coding in vsCode for the past 4 years and had no clue that you can define your own custom snippets.

@beyourahi 7 ай бұрын

the extensions part was a life saver, thank you so much

@dimakolyas916 5 күн бұрын

Snippets and Extensions was new for me. Thank you !

@Gilderbrant 6 ай бұрын

multiple cursor case preserver is a really nice addition. thank you 👍

@deepakkashyap6538 7 ай бұрын

Great insight !! this will actually improve developer productivity

@harag9 6 ай бұрын

Thanks for the video, I have quite a few extensions already, but now adding 2 more to the list. Pretty Typescript and Template string. Thanks for these.

@cosdensolutions 6 ай бұрын

nice, enjoy!

@saqibmuhammad7218 7 ай бұрын

The way of your teaching inspires alot🥰 i watch your video to make me more motivated to learn new things 😍

@cosdensolutions 7 ай бұрын

thank you for the kind words!

@ByteNatives 7 ай бұрын

Just one word Splendid!!

@marceloviannadev 5 ай бұрын

You can make your snippet component even better by setting to get the name of the new file you're created. Multiple cursor + template string are life changers! This comes to my mind today but, I forgot to search for it after work... 🤘🏻

@HenryBabbage 7 ай бұрын

great extensions, thanks!

@user-to2go8rw6w 7 ай бұрын

Great tips. Thank you.

@Wydder 3 ай бұрын

Nice, unique and usefull extensions

@prashlovessamosa 7 ай бұрын

Thanks for sharing.

@mehmetisk5803 7 ай бұрын

thannks this is really helpful ;)

@angelogaspar364 2 ай бұрын

Thank you so muchhhhhhhh !!!!

@colbatronbmw 7 ай бұрын

template string converter! that is so dope.

@brunopagno 7 ай бұрын

Excelent video!

@bobdpa 7 ай бұрын

Awesome 💯

@leonardmbibi8013 7 ай бұрын

Bravo!

@RAQS90 7 ай бұрын

9:26 I believe the "Template String Converter" behavior is now built into the VS Code.

@cosdensolutions 7 ай бұрын

oh really? that would make sense, thanks for the tip!

@cidhighwind8590 7 ай бұрын

Where to find the setting, I can't find it and it does not automatically do it on my VS code by default.

@harag9 6 ай бұрын

Really. can you let us know how to set this up, because mine doesn't do it. I do have an extension that "toggles" the quotes between the 3 different types, but the template string converter is much better since that is why I'm toggling.

@Offiziersmesser 6 ай бұрын

kwool stuff as always😄

@jspesh 3 ай бұрын

Can you do a video about running multiple projects in VSCode? I have really struggled to get both my UI layer (React app) and API (C# .net core app) to run from vscode but both work in Visual Studio. Of course, vscode is wayyyy better for React development and i miss things like prettier, shortcuts/snippets and various other bits

@ayushyapatel8645 6 ай бұрын

hey can you share your settings.json file so I can replicate my workbench

@bubuu32221 6 ай бұрын

Lovee it

@luisdanielmonsalveruiz1987 6 ай бұрын

you should show your keybindings and you setup for vscode vim, that is actually the more important

@cosdensolutions 6 ай бұрын

I use the defaults

@sinkie420 6 ай бұрын

what vim extension do you use? and how did you configure it? im having some issues with them and it seems like its not very practical for react

@cosdensolutions 6 ай бұрын

I just use the vim extension from vscode, no other configurations just the default! I only use it for navigation and a few specific keys

@sinkie420 6 ай бұрын

@@cosdensolutions thank you

@av03 6 ай бұрын

Hi, how to enable the snippets?

@damagee8141 6 ай бұрын

I suppose you have the business version of copilot since you can chat with the ai?

@cosdensolutions 6 ай бұрын

I think so? I have the normal subscription but I did get access to it a while back

@vishavranta8813 7 ай бұрын

HI loved the video, could you share the text file for custom snippets, Thanks

@cosdensolutions 7 ай бұрын

done, check description

@rahulj8502 6 ай бұрын

one thinkg i am not able to do is, the color highlighting fo the hook, how is that the setter function on the use state hook gets different color

@cosdensolutions 6 ай бұрын

It's when vscode knows it's a function! It depends on the theme and you need to use typescript I believe

@cordial 7 ай бұрын

is the snippets file something you wouldn't mind sharing?

@cosdensolutions 7 ай бұрын

sure, check description!

@cordial 7 ай бұрын

thanks!@@cosdensolutions

@RazAm8 Ай бұрын

theme?

@tinodueppotell4869 7 ай бұрын

VSCode or Webstorm is a good Choice for beginners, but not for senior developer in my opinion, vim with tmux is for me the best choice.

@_bijaydas 7 ай бұрын

I use the snippets too, but I don't like the way snippets are created.

@cosdensolutions 6 ай бұрын

Yeah I get it, it's a bit cumbersome

@michamazurkiewicz80 6 ай бұрын

In Poland we say more tools than talent. Extensions and theme will not mąkę you code like senior dev 😅

@CheezePie 6 ай бұрын

I just came here to say that I use neovim😂

@khashayarghajar 7 ай бұрын

senior React developer are only use vim 🗿

@webixr 7 ай бұрын

I know that the topic has nothing to do with the video, but for humanity. Recently, Israel bombed a house in southern Gaza, killing at least 10 people - 7 of them children. So far, the number of killers in Gaza has exceeded 3,500 dead, most of whom are children and women. I hope that To have a voice in this for humanity

@macroyal2002 7 ай бұрын

While hamas killed raped tortured hundreds of civilians including babies. Raped babies - just to be clear. Also they tried to shoot a rocket at Israel and it fell near a hospital in Gaza. Israel has the right to defend itself 🇮🇱🇮🇱🇮🇱.

@7days280 7 ай бұрын

What about Hamas releasing 5k rockets in israel? Not taking sides but It's a war now. Both sides will take damage

@sambegstha3516 7 ай бұрын

Not here bro pls. I know it's bad out there but we barely know anything about the history to even have an opinion.

@webixr 7 ай бұрын

Thank you for your response. I know that the place is not appropriate, and this is what I mentioned at the beginning of the letter, but it is necessary to clarify the ugliness of what Israel is committing, and the media is basically for the Jews, so it misleads information, and as for history, your lack of knowledge of it, my brother, does not change it. it's clear. 5 minutes of your time searching and you will discover the truth hidden from us. I hope you will research and spread awareness among those around you. Thank you😊

@sidarthg2477 7 ай бұрын

@@sambegstha3516same here. As far I know, the history of the conflict dates back to events around 1000 years back. So discuss it in forums dedicated to the conflict