Read on Twitter
VSCode extensions recommendation thread 
Today I want to talk about my favorite @code extensions.
These are extensions I use almost daily so I'm sure at least one of them will work for you.
#100DaysOfCode #javascript #programming #reactjs #DEVCommunity #Redux
Today I want to talk about my favorite @code extensions.
These are extensions I use almost daily so I'm sure at least one of them will work for you.
#100DaysOfCode #javascript #programming #reactjs #DEVCommunity #Redux
One Dark Pro.This is my theme of choice. I use dark mode for everything and I love the colors, I tried others but I always come back to this one.
JetBrains Mono.This is not an extension, but it's my font of choice. It's a typeface made for developers, it's monospace, it has increased height for better readability and code-specific ligatures. Cannot recommend it enough.
Bracket Pair Colorizer 2.A simple extension to match your brackets and parenthesis with the same color.
Makes it a lot easier to fix when you missed one bracket.
ES7 React/Redux/GraphQL/React-Native snippets.My snippet extension of choice for React, it has some really nice shortcuts. My favorite one is "rafce" which creates a functional component with a named function.
Really nice for Redux, with rxreducer, rxaction, rxconst...
Prettier - Code formatter.This one is a no brainer, it enforces a coding style by parsing your code and re-printing it with its own rules.
You can customize it a lot.
Don't forget to enable "Format on Save" to make your life even easier.
ESLint.This analyzes your code to find problems and many can be automatically fixed.
This is really opinionated but very customizable, you can choose a style to enforce and then go from there, this will save you hours.
I personally use the default React one.
TabNine Autocomplete AI.If you like code autocompletion, you are gonna love @Tabnine_, it predicts what you want to type and suggest different options, it also helps you discover best practices.
It learns from you so it gets better the more you use it.
GitLens — Git supercharged.A must for Git. With this one, you can see who did each change, revert to a previous commit, see changes on each commit, rebase, open on GitHub.
It has everything you need.
i18n Ally.If you ever need to have an app translated to different languages, you will love this.
It gives you an easier way to translate phrases, it shows you which phrases are not translated, and it has an auto translator that works pretty well most of the time.
Material Icon Theme.A simple extension to change the icons of your files and folders, make it easier to see what files do what.
There are different icon packs so you can choose the one you like better.
TypeScript Hero.You would like this one even if you don't work with TypeScript. This organizes your imports on save.
It also deletes unused imports.
This helps all the files in your project have a clean and consistent order.
Debugger for Chrome.If you want to do a little more than debugging with "console.log()" this is perfect for you.
It needs minimal configuration, and it helps you a lot on keeping track of the data flow of your app.
This is all for now!
There are some other extensions I use sometimes but these are the main ones.
Please share below whatever extension you think I missed and I should try out.
I hope you enjoyed the thread and learned something new!
There are some other extensions I use sometimes but these are the main ones.
Please share below whatever extension you think I missed and I should try out.
I hope you enjoyed the thread and learned something new!
