Daniel Bellmas

Posted on Sep 25, 2022 • Edited on Oct 22, 2022

Productivity Boost with Cmd+. / Ctrl+.

#productivity #vscode #typescript #webdev

The light bulb icon 💡 means that VS Code found a possibility to refactor the code. It can be accessed by pressing ⌘ Cmd+. / ⌃ Ctrl+.

There are many more little quick fixes, but here are some I frequently use:

Remove braces

Add braces

Extract to a constant/function

Extract Type/Interface

Remove unused imports

Add a missing import

Add all missing imports

Convert then to async await

Bonus Productivity Tip ⚡️

By pressing F2, the variable's name will be changed everywhere it is referenced.

Top comments (2)

Lars Grammel • Sep 25 '22

Great tips! I've written an extension that adds more quick fixes and keyboard shortcuts, maybe you find it useful too: JavaScript Refactoring Assistant

Daniel Bellmas • Sep 25 '22

Niceee,Thank you 🙏🏼

11 Tips That Make You a Better Typescript Programmer

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Daily JavaScript Challenge #JS-115: Calculate Maximum Subarray Sum

DPC - Mar 2

Top 7 React Hooks you must know

Vishnu Satheesh - Feb 22

How to Build a Full Stack Agentic Researcher in 5 Minutes ⚡️⚡️

Nathan Tarbert - Feb 26

Understanding the Basics of GitHub: An Introduction for Beginners

Nwankwo Victor Uzoma - Feb 24

DEV Community