0.2.5 • Published 6 months 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 |