Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>React Hooks Snippets ExtensionNew to Visual Studio Code? Get it now.
React Hooks Snippets Extension

React Hooks Snippets Extension

João-Henrique

|
3,204 installs
| (2) | Free
React / React Native Snippets
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

React Hooks Snippets Extension README

Features

Typescript

  • useState

    • us to const [any, setAny] = useState<any>();
    • usb to const [boolean, setBoolean] = useState<boolean>(false);
    • usn to const [number, setNumber] = useState<number>(0);
    • uss to const [string, setString] = useState<string>('');
    • us[] to const [arrayOfAny, setArrayOfAny] = useState<any[]>([]);
  • useEffect

    • ue to useEffect(() => { }, []);
    • uecup to useEffect(() => { return () => { }}, []);
  • useRef

    • ur to const anyRef = useRef()

Javascript

  • useState

    • us to const [any, setAny] = useState();
  • useEffect

    • uecup to useEffect(() => { return () => { }}, []);
  • useRef

    • ur to const anyRef = useRef()
  • useContext

    • uc to const value = useContext(MyContext);

Requirements

  • Loves react hooks

  • vscode version ^1.44.0


For more information

  • Visual Studio Code's Markdown Support

  • Markdown Syntax Reference

Enjoy!

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