Skip to content

JSHT SNIPPETS

Features

Auto generate name from filename
Pattern consistent for project
Modern snippet structure

Snippets

JS/TS/JSX/TSX

Prefix	Description
`fn`	Arrow function
`for`	For loop
`while`	While loop
`dowhile`	Do while loop
`foreach`	ForEach loop
`forin`	For in loop
`forof`	For of loop
`map`	Map array method
`if`	If statement
`switch`	Switch statement
`cl`	Class
`clc`	Class with constructor
`tryc`	Try catch
`trycf`	Try catch finally

TS/TSX

Prefix	Description
`fng`	Arrow function with generic
`clg`	Class with generic
`clcg`	Class with constructor and generic
`typ`	Type alias
`typg`	Type alias with generic
`intf`	Interface
`intfg`	Interface with generic
`enum`	Enum

React (JSX/TSX)

Prefix	Description
`rcomp`	React component
`rhook`	React hook
`rcontext`	React Context

Next.js (JSX/TSX)

Prefix	Description
`nlayout`	Next.js Layout
`ntemplate`	Next.js Template
`ndefault`	Next.js Default
`npage`	Next.js Page
`nnotfound`	Next.js Not Found
`nloading`	Next.js Loading
`nerror`	Next.js Error
`nforbidden`	Next.js Forbidden
`nunauthorized`	Next.js Unauthorized
`nproxy`	Next.js Proxy/Middleware

License

MIT © JSHT