1. Intelligent Selection Control
Expand Selection (Alt + Shift + →): This command allows you to select code blocks logically.
How it works: Every time you hit the right arrow, the selection "levels up"—moving from a single variable to a function call, then to the entire line, and eventually to the whole component or block.
Why use it: It is much faster and more precise than using a mouse to highlight specific nested logic.
2. Efficient Import Cleanup
Organize Imports (Ctrl + Shift + O): While this is the default shortcut for "Go to Symbol," in many optimized environments or with specific keybindings, it is used to automatically remove unused imports and alphabetize the remaining ones.
Pro Tip: If you are using the standard VS Code shortcuts, you can also use Shift + Alt + O to specifically Organize Imports and clean up the top of your file instantly.
3. ES7+ React/Redux/React-Native Snippets
Instead of typing out repetitive boilerplate codeEditor components, you can use short abbreviations that expand into full code structures.
rfce -> create a functional component with an export name
rafce-> create a React Arrow Function component with an export name
clg -> console.log(object)
nfn -> const name = (params) => {}
uef -> useEffect(() => {...}, [])
Top comments (0)