Learn about the essential VS Code extensions that I'm using for frontend developers working with Typescript and React.

I'll show you how these tools make a real difference in your workflow and help you build better projects.

⚔️ Join The Horde
- Discord:  https://discord.com/invite/uFB5YzH9YG
- Github: https://github.com/TheOrcDev

#vscodeextensions #react #frontend #tailwind #webdevelopment #typescript

OrcDev

Community

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

The post discusses various VS Code extensions that can be helpful for TypeScript and React developers. It covers extensions such as Console Ninja, ESLint, and VSS Code Pets.

VS Code Extensions | Typescript / React devs use this for Real Projects #frontend #webdevelopment

<h3>Extensions i will try</h3>
<ul>
<li>Console Ninja</li>
<li>Toggle Quotes</li>
</ul>
<h3>Extensions i use that wasn’t mentioned + personal settings</h3>
<ul>
<li>Auto Rename Tag</li>
<li>Better Comments</li>
<li>Code Spell Checker</li>
<li>CSS peek</li>
<li>indent-rainbow
<ul>
<li><code>&quot;indentRainbow.colors&quot;: [&quot;rgba(87,87,224,0.375)&quot;,&quot;rgba(87,117,224,0.375)&quot;,&quot;rgba(87,148,224,0.375)&quot;,&quot;rgba(87,178,224,0.375)&quot;,&quot;rgba(87,148,224,0.375)&quot;,&quot;rgba(87,117,224,0.375)&quot;]</code></li>
<li><code>&quot;indentRainbow.indicatorStyle&quot;: &quot;light&quot;</code></li>
<li><code>&quot;indentRainbow.lightIndicatorStyleLineWidth&quot;: 4</code></li>
</ul>
</li>
<li>Inline fold
<ul>
<li><code>&quot;inlineFold.regexGroup&quot;: 5</code></li>
<li><code>&quot;inlineFold.unfoldedOpacity&quot;: 1</code></li>
<li><code>&quot;inlineFold.maskChar&quot;: &quot;...&quot;</code></li>
<li><code>&quot;inlineFold.maskColor&quot;: &quot;#c3e88d&quot;</code></li>
<li><code>&quot;inlineFold.unfoldOnLineSelect&quot;: true</code></li>
<li><code>&quot;inlineFold.regex&quot;: (class|className)=((['&quot;`])|{(['&quot;`]|))(.*?)(\2|\4})</code></li>
<li><code>&quot;inlineFold.regexFlags&quot;: &quot;gs&quot;</code></li>
<li><code>&quot;inlineFold.disableInDiffEditor&quot;: true</code></li>
</ul>
</li>
<li>Material Icon Theme</li>
<li>Material Theme (<code>Material Theme Palenight High Contrast</code>)</li>
</ul>
