Skip to content

sohanemon/react-next-js-code-snippets

Repository files navigation

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

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •