0.2.5 • Published 2 years ago
react-next-js-code-snippets v0.2.5
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 |