The ULTIMATE VS Code Setup for ReactJS

Dive into the ultimate VS Code setup for React development - extensions, editor settings, keyboard shortcuts, tips and tricks - this is the setup that you're looking for. And you can install it with a single click.

00:00 - Intro
00:37 - Creating the Ultimate React Profile
01:22 - Installing and using React Snippets
03:04 - Emmet
06:02 - Formatting
08:10 - ESLint
08:54 - Inlay Hints
10:01 - Pretty TypeScript Errors
10:36 - Indent Rainbow
11:26 - Tips for working with Tailwind CSS
13:10 - Template String Converter
14:09 - GitHub Copilot 💘 React
14:57 - GitHub Issues and Pull Requests
15:23 - Open in GitHub
15:59 - import the Ultimate React Profile

#reactjs #vscode #javascript

[code]

Profile import working in VS Code Insiders now. Coming to stable very soon!

[Chevindu]

Inlay hints blew my mind! I thought that’s some IntelliJ exclusive goodness.

[mohamedelsherbiny]

Thank you for your amazing description of those extensions usage from day one of programming. I have been watching and following all the tips and tricks that evolved my writing code over time. Thanks again for your effort and keep going.

[EzekielAkinfenwa]

Right when I wanted to start learning react

Thanks Vs code
Your videos always help... always

[jamesgulland]

That template literal extension looks great, I always find that a bit of a pain 👍

[namanshrimali]

Awesome, Need similar setup for Vue also

[late_arvie]

This was VERY useful. As a beginner - it was cool to see what pros do to save time. Maybe one day I'll get to that level too.

[besufkadmenji]

I think this is a one-of-a-kind video! 🚀🔥

[stevereid]

I’m running 1.92 on Mac and it doesn’t show me “BaseTheme” as an option and it seems to be buggy as hell!?!

[lalvar]

Nice video. Also a suggestion, there is built in way to save without formatting, and you can bind it to your desire keys I bind it to ctrl+alt+s.

[AyushSingh-yqso]

Please do one for Python/Django as well.

Please

[ruanxun]

I have a question, if I am using global import alias @ in NextJS, and I changed the file name that I imported, VS Code cannot update all the occurrences where I imported that file. On the other hand, Webstorm does a good job on this. Anyone has solutions?

[cb]

Lately I’ve been getting aggravated by all the mouse over code popups and they constantly get in the way. I think they are informative and helpful but if I could control the delay like say 3 seconds before it’s shown, that would help a lot. Any suggestions?