https://github.com/sohanemon/react-next-js-code-snippets
React Next.js development with lightning-fast code snippets!
https://github.com/sohanemon/react-next-js-code-snippets
extension next13 nextjs react vscode vscode-snippets
Last synced: about 2 months ago
JSON representation
React Next.js development with lightning-fast code snippets!
- Host: GitHub
- URL: https://github.com/sohanemon/react-next-js-code-snippets
- Owner: sohanemon
- License: mit
- Created: 2023-04-06T06:35:29.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-02-04T18:34:35.000Z (over 2 years ago)
- Last Synced: 2025-10-14T15:20:01.876Z (8 months ago)
- Topics: extension, next13, nextjs, react, vscode, vscode-snippets
- Language: JavaScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=sohanemon.react-next-js-code-snippets
- Size: 174 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# react-next-js-code-snippets
## React Component Snippets
| Name | Prefix |
| ---------------------------- | ------------------ |
| React Stateless | rsc:default-export |
| ArrowFunctionComponent | rsc:no-export |
| ArrowFunctionComponentExport | rsc:named-export |
## React Hooks Snippets
| Name | Prefix |
| --------------- | ------------ |
| useHook | ruhook |
| reactCustomHook | rchook |
| useState | rustate |
| useEffect | rueffect |
| useRef | ruref |
| useTransition | rutransition |
| useReducer | rureducer |
| createContext | rccontext |
| useContext | rucontext |
| useMemo | rumemo |
## Next 13 Snippets
| Name | Prefix |
| ---------------------- | ----------------------- |
| use client | uc |
| Typescript layout | nlayout:typescript |
| Layout | nlayout:javascript |
| Typescript Root Layout | nlayout:root-typescript |
| Root layout | nlayout:root-javascript |
| Loading | nloading |
| Error | nerror |
| Not found | nnotfound |
| Styled JSX Importer | njsx |
| Nextjs Api route | napi |
| Nextjs Api response | nres |
## Bonus Javascript Snippets
| Name | Prefix |
| ----------------------- | ------------ |
| Regular Function | fun |
| Async Regular Function | fun:async |
| Normal ArrowFunction | fn |
| Async ArrowFunction | fn:async |
| Anonymous ArrowFunction | fn:anonymous |
| consoleLog | clg |
| exportDefault | exp:default |
| exportNamed | exp:named |
| importDefault | imp:default |
| importNamed | imp:named |
| importLazy | imp:lazy |
| fetch api | fetch |