Setup VSCode like a senior React developer

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!

[tislam]

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]

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

[Gilderbrant]

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

[harag]

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.

[dimakolyas]

Snippets and Extensions was new for me. Thank you !

[deepakkashyap]

Great insight !! this will actually improve developer productivity

[saqibmuhammad]

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

[marceloviannadev]

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... 🤘🏻

[ayushyapatel]

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

[colbatronbmw]

template string converter! that is so dope.

[rahulj]

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

[onta.nicolae]

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

[jspesh]

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

[Berbersky]

// It came with ` ` avoiding to write it
"Console Log": {
"prefix": "cl",
"body": [
"console.log(`$1`);"
]
},

[RAQS]

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

[vishavranta]

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

Thanks

[damagee]

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

[cordial]

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

[LuisDa]

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

[tinodueppotell]

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.