handy-snippets| Zustand

Features

1. provides zustand snippet(prefix -zs) with typescript, middleware(persist, devtools, immer)

Snippets

Snippet	Renders
edc	export default component
edcp	export default component with props
edf	export default function
zs	zustand store
zsp	zustand store with persist
zsd	zustand store with devtools
zsi	zustand store with immer
zspi	zustand store with persist, immer
zsdi	zustand store with devtools, immer
zsdpi	zustand store with devtools, persist, immer

Market Place

go to Market Place.

Rule(원칙)

1. Use lowercase letters only | 소문자만을 사용한다.
2. Combine the first letters of the word. | 단어의 첫문자들을 조합한다. export default component => edc

Example(예시)

{
  "export default component": {
    "prefix": "edc",
    "body": [
      "const ${1:${TM_FILENAME_BASE}} = () => {",
      "  return <>$2</>;",
      "};",
      "",
      "export default ${1:${TM_FILENAME_BASE}};"
    ],
    "description": "export default component"
  }
}

TIP

snippet generator