react-hooks-snippets
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!
