{"id":26423217,"url":"https://github.com/alduncanson/react-hooks-snippets","last_synced_at":"2025-08-18T12:15:21.311Z","repository":{"id":41250157,"uuid":"181814069","full_name":"alDuncanson/react-hooks-snippets","owner":"alDuncanson","description":"Visual Studio Code extension, code snippets for React Hooks","archived":false,"fork":false,"pushed_at":"2025-03-18T22:13:17.000Z","size":1062,"stargazers_count":42,"open_issues_count":6,"forks_count":18,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-03T22:23:27.059Z","etag":null,"topics":["hacktoberfest","hooks","javascript","react","snippets","vscode"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=AlDuncanson.react-hooks-snippets","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alDuncanson.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"alDuncanson","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2019-04-17T03:58:02.000Z","updated_at":"2025-03-18T21:04:43.000Z","dependencies_parsed_at":"2025-03-18T02:47:16.587Z","dependency_job_id":"f7511f9b-1b37-4947-843e-342e0dfa43c1","html_url":"https://github.com/alDuncanson/react-hooks-snippets","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/alDuncanson/react-hooks-snippets","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alDuncanson%2Freact-hooks-snippets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alDuncanson%2Freact-hooks-snippets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alDuncanson%2Freact-hooks-snippets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alDuncanson%2Freact-hooks-snippets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alDuncanson","download_url":"https://codeload.github.com/alDuncanson/react-hooks-snippets/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alDuncanson%2Freact-hooks-snippets/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270989561,"owners_count":24680766,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-18T02:00:08.743Z","response_time":89,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["hacktoberfest","hooks","javascript","react","snippets","vscode"],"created_at":"2025-03-18T02:47:03.527Z","updated_at":"2025-08-18T12:15:21.283Z","avatar_url":"https://github.com/alDuncanson.png","language":null,"funding_links":["https://github.com/sponsors/alDuncanson","https://www.buymeacoffee.com/alduncanson'","https://cdn.buymeacoffee.com/buttons/default-orange.png'"],"categories":[],"sub_categories":[],"readme":"\u003cp align='center'\u003e\n\t\u003cimg src='https://raw.githubusercontent.com/alDuncanson/react-hooks-snippets/master/icon.png' title='React Hooks Snippets icon' alt='React Hooks Snippets icon' width='250'/\u003e\n\u003c/p\u003e\n\n# React Hooks Snippets\n\n![Visual Studio Marketplace Installs](https://img.shields.io/visual-studio-marketplace/i/AlDuncanson.react-hooks-snippets)\n![Visual Studio Marketplace Rating](https://img.shields.io/visual-studio-marketplace/r/AlDuncanson.react-hooks-snippets)\n![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/AlDuncanson.react-hooks-snippets)\n![GitHub Repo stars](https://img.shields.io/github/stars/alDuncanson/react-hooks-snippets)\n![GitHub forks](https://img.shields.io/github/forks/alDuncanson/react-hooks-snippets)\n\nA [Visual Studio Code](https://code.visualstudio.com/) extension that adds snippet functionality for [React Hooks](https://react.dev/reference/react/hooks).\n\n\u003e Now updated to support all of the new hooks introduced in [React v19](https://react.dev/blog/2024/12/05/react-19)!\n\n## Supported Hooks\n\n### State Hooks\n| Prefix  | Snippet |\n| ------------- | ------------- |\n| `ush` | `useState` |\n| `urdh` | `useReducer` |\n\n### Context Hooks\n| Prefix  | Snippet |\n| ------------- | ------------- |\n| `uch` | `useContext` |\n\n### Ref Hooks\n| Prefix  | Snippet |\n| ------------- | ------------- |\n| `urh` | `useRef` |\n| `uihh` | `useImperativeHandle` |\n\n### Effect Hooks\n| Prefix  | Snippet |\n| ------------- | ------------- |\n| `ueh` | `useEffect` |\n| `uleh` | `useLayoutEffect` |\n| `uieh` | `useInsertionEffect` |\n\n### Performance Hooks\n| Prefix  | Snippet |\n| ------------- | ------------- |\n| `umh` | `useMemo` |\n| `ucbh` | `useCallback` |\n| `uth` | `useTransition` |\n| `udvh` | `useDeferredValue` |\n\n### React Dom Hooks\n| Prefix  | Snippet |\n| ------------- | ------------- |\n| `ufsh` | `useFormStatus` |\n\n### Other Hooks\n| Prefix  | Snippet |\n| ------------- | ------------- |\n| `udbvh` | `useDebugValue` |\n| `uidh` | `useId` |\n| `usesh` | `useSyncExternalStore` |\n| `uash` | `useActionState` |\n| `uoh` | `useOptimistic` |\n\n## Install\n\nAdd the React Hooks Snippets extension to VS Code using one of the following methods:\n\n### By command\nLaunch VS Code Quick Open (`Ctrl+P`), paste `ext install AlDuncanson.react-hooks-snippets`, and press enter.\n\n### By the Marketplace UI\nLaunch VS Code Extension Marketplace UI (`Ctrl+Shift+X`), search for `React Hooks Snippets`, and look for my logo!\n\n### By the Marketplace website\nVisit the extension's [Visual Studio Marketplace page](https://marketplace.visualstudio.com/items?itemName=AlDuncanson.react-hooks-snippets) and click `Install`.\n\n\n## License\nUsage is provided under the [MIT License](https://opensource.org/licenses/MIT). See [LICENSE.txt](https://github.com/alDuncanson/react-hooks-snippets/blob/master/LICENSE.txt) for the full details.\n\n## Support My Work\n\nIf you like this extension, please consider supporting me by buying me a coffee!\n\n\u003ca href='https://www.buymeacoffee.com/alduncanson' target='_blank'\u003e\u003cimg src='https://cdn.buymeacoffee.com/buttons/default-orange.png' alt='Buy Me A Coffee' height='34' width='144'\u003e\u003c/a\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falduncanson%2Freact-hooks-snippets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falduncanson%2Freact-hooks-snippets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falduncanson%2Freact-hooks-snippets/lists"}