React TypeScript Component Snippet

README.md

Instructions

• Go to VSCode, click CMD+Shift+P
• Enter: Preferences: Configure User Snippets
• Choose typescriptreact.json
• Copy the "ReactComponent" property from the typescriptreact.json file to your clipboard
• Paste
• Enjoy

typescriptreact.json

{
  "ReactComponent": {
      "prefix": "comp",
      "body": [
        "import React from 'react';",
        "",
        "type $1Props = {",
        "",
        "}",
        "const $1: React.FC<$1Props> = ({}: $1Props) => {",
        "    return <div className='$2' />",
        "}",
        "",
        "export default $1"
      ],
      "description": "react component"
    }
  }