typescriptreact vscode snippets

typescriptreact.json

{
"functional component": {
    "prefix": ["func, fnc", "component", "fc", "func"],
    "description": "react functional component",
    "body": [
      "import React from 'react'",
      "type Props = {}",
      "export const $TM_FILENAME_BASE: React.FC<Props> = () => {",
      "\treturn (",
      "\t\t<div>",
      "\t\t\t$TM_FILENAME_BASE$1",
      "\t\t</div>",
      "\t)",
      "}"
    ]
  },
  "useState": {
    "prefix": "us",
    "description": "React.useState",
    "body": "const [$1, set${1/(.*)/${1:/capitalize}/}] = useState($2)"
  },
  "useEffect": {
    "prefix": "ue",
    "description": "React.useEffect",
    "body": ["useEffect(() => {", "\t$1", "},[$2])"]
  }
 }