Skip to content

Reframe as multi-editor snippet collection #49

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
alDuncanson merged 1 commit into from
Aug 16, 2026
Merged

Reframe as multi-editor snippet collection #49

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 7 additions & 6 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,12 +6,13 @@
[![Rating](https://vsmarketplacebadges.dev/rating-short/AlDuncanson.react-hooks-snippets.svg?color=yellow)](https://marketplace.visualstudio.com/items?itemName=AlDuncanson.react-hooks-snippets&ssr=false#review-details)
[![GitHub stars](https://img.shields.io/github/stars/alDuncanson/react-hooks-snippets)](https://github.com/alDuncanson/react-hooks-snippets/stargazers)

React Hooks Snippets is a VS Code extension with a shorthand snippet for every
hook in the [React docs](https://react.dev/reference/react/hooks). Type a short
prefix, press <kbd>Tab</kbd>, and get a fully formed hook call with tab stops
on everything you'd want to edit. It works in JavaScript, TypeScript, and
JSX/TSX files, and covers every current hook — including the newly stable
`useEffectEvent` — plus the `use` API and react-dom's `useFormStatus`.
React Hooks Snippets gives you a shorthand snippet for every hook in the
[React docs](https://react.dev/reference/react/hooks) — in VS Code, VSCodium,
and Neovim. Type a short prefix, press <kbd>Tab</kbd>, and get a fully formed
hook call with tab stops on everything you'd want to edit. It works in
JavaScript, TypeScript, and JSX/TSX files, and covers every current hook —
including the newly stable `useEffectEvent` — plus the `use` API and
react-dom's `useFormStatus`.

![Building a search component with three snippets: ush expands to useState, udvh to useDeferredValue, and umh to useMemo](https://raw.githubusercontent.com/alDuncanson/react-hooks-snippets/2586d63/assets/demo.gif)

Expand Down
4 changes: 2 additions & 2 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "react-hooks-snippets",
"displayName": "React Hooks Snippets",
"description": "Code snippets for React Hooks",
"description": "A snippet for every React hook",
"version": "3.1.2",
"icon": "assets/icon.png",
"publisher": "AlDuncanson",
Expand All @@ -14,7 +14,7 @@
"hooks",
"javascript",
"typescript",
"es6",
"react-hooks",
"snippets",
"snippet"
],
Expand Down