.profile/.vscode/react.code-snippets

{
  "React Component": {
    "scope": "typescriptreact",
    "prefix": "rfc",
    "body": [
      "export interface ${1:ComponentName}Props {}",
      "",
      "export const ${1:ComponentName}: React.FC<${1:ComponentName}Props> = () => {",
      "  return (",
      "    <div>",
      "      <h1>${1:ComponentName}</h1>",
      "    </div>",
      "  )",
      "}",
      "",
    ],
    "description": "React Component",
  },
  "React Component Story": {
    "scope": "typescriptreact",
    "prefix": "rfcs",
    "body": [
      "import type { Meta, StoryObj } from \"@storybook/react\"",
      "",
      "import { ${1:ComponentName} as ${1:ComponentName}Component } from \"./${1:ComponentName}.tsx\"",
      "",
      "const meta = {",
      "  title: \"${1:ComponentName}\",",
      "  component: ${1:ComponentName}Component",
      "} satisfies Meta<typeof ${1:ComponentName}Component>",
      "",
      "export default meta",
      "",
      "type Story = StoryObj<typeof meta>",
      "",
      "export const ${1:ComponentName}: Story = {",
      "  args: {}",
      "}",
      "",
    ],
    "description": "React Component Story",
  },
}