vscode snippet example

react.code-snippets

{
  "Default React Function Component": {
    "prefix": "function-component",
    "body": [
      "import React from 'react';",
      "",
      "interface I${TM_FILENAME_BASE/(^[a-z])|\\-([0-9a-z])/${1:/capitalize}${2:/capitalize}/g}Props {}",
      "",
      "const ${TM_FILENAME_BASE/(^[a-z])|\\-([0-9a-z])/${1:/capitalize}${2:/capitalize}/g}: React.FunctionComponent<I${TM_FILENAME_BASE/(^[a-z])|\\-([0-9a-z])/${1:/capitalize}${2:/capitalize}/g}Props> = () => {",
      "  return <></>;",
      "};",
      "",
      "export default ${TM_FILENAME_BASE/(^[a-z])|\\-([0-9a-z])/${1:/capitalize}${2:/capitalize}/g};",
      ""
    ],
    "description": "Default React Function Component"
  }
}