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 |
| |
