Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>React-Auto-HooksNew to Visual Studio Code? Get it now.
React-Auto-Hooks

React-Auto-Hooks

maaaaru

|
2,441 installs
| (0) | Free
React Hooks Expansion
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

React-Auto-Hooks

React-Auto-Hooks-Logo

issue-logo forks-number stars-number license-info

Supported OS

only MacOS

Supported Language

  • Typescript
  • Javascript

Snippets List

Prefix Command Snippet
ust shift+cmd+u useState
uff shift+cmd+f useEffect
uct shift+cmd+c useContext
urf shift+cmd+r useRef
urd shift+cmd+d useReducer
umo shift+cmd+m useMemo
ucb shift+cmd+b useCallback
uih shift+cmd+i useImperativeHandle
arr shift+cmd+w arrow-function
ifs coming soon... 'if' statement
eli coming soon... 'else if' statement
els coming soon... 'else' statement
exd shift+cmd+e 'export default' statement
eda shift+cmd+a 'export default as' statement
sty shift+cmd+t 'styled-component' statement

Example

-- ust or shift+cmd+u (useState)

const [ , ] = useState(); 

--uff or shift+cmd+f (useEffect)

useEffect(() => {

}, []);

--urd or shift+cmd+d (useReducer)

const [state, dispatch] = useReducer( , );

--uih or shift+cmd+i (useImperativeHandle)

useImperativeHandle( , () => {

}, []);

--arr or shift+cmd+w (arrow-function)

() => {};

--exd or shift+cmd+e (export default)

export default ;

--eda or shift+cmd+a (export default as ...)

export {default as } from '';

--sty or shift+cmd+t (styled-component)

const Styled = style.`

`;

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft