React Hooks Snippets

A Visual Studio Code extension that adds snippet functionality for React Hooks.

Now updated to support all of the new hooks introduced in React v19!

Supported Hooks

State Hooks

Prefix	Snippet
ush	useState
urdh	useReducer

Context Hooks

Prefix	Snippet
uch	useContext

Ref Hooks

Prefix	Snippet
urh	useRef
uihh	useImperativeHandle

Effect Hooks

Prefix	Snippet
ueh	useEffect
uleh	useLayoutEffect
uieh	useInsertionEffect

Performance Hooks

Prefix	Snippet
umh	useMemo
ucbh	useCallback
uth	useTransition
udvh	useDeferredValue

React Dom Hooks

Prefix	Snippet
ufsh	useFormStatus

Other Hooks

Prefix	Snippet
udbvh	useDebugValue
uidh	useId
usesh	useSyncExternalStore
uash	useActionState
uoh	useOptimistic

Install

Add the React Hooks Snippets extension to VS Code using one of the following methods:

By command

Launch VS Code Quick Open (Ctrl+P), paste ext install AlDuncanson.react-hooks-snippets, and press enter.

By the Marketplace UI

Launch VS Code Extension Marketplace UI (Ctrl+Shift+X), search for React Hooks Snippets, and look for my logo!

By the Marketplace website

Visit the extension's Visual Studio Marketplace page and click Install.

License

Usage is provided under the MIT License. See LICENSE.txt for the full details.

Support My Work

If you like this extension, please consider supporting me by buying me a coffee!