React Typescript VSCode snippets for quickly creating components (use shorthand 'rc' or 'rcc')

react-vscode-snippets.json

{
  "React Connected Component": {
    "prefix": "rcc",
    "body": [
      "import * as React from 'react';\r",
      "import { connect } from 'react-redux';\r",
      "\r",
      "interface IOwnProps {\r",
      "\r",
      "}\r",
      "\r",
      "interface IStateFromProps {\r",
      "\r",
      "}\r",
      "\r",
      "type IProps = IOwnProps & IStateFromProps;\r",
      "\r",
      "const mapStateToProps = (state: IState): IStateFromProps => ({\r",
      "\r",
      "});\r",
      "\r",
      "class ${1:Component} extends React.Component<IProps> {\r",
      "\r",
      "    public render(): JSX.Element {\r",
      "        return <div>\r",
      "            Component content\r",
      "        </div>;\r",
      "    }\r",
      "}\r",
      "\r",
      "export default connect(mapStateToProps)(${1:Component});"
    ],
    "description": "React connected component with own props and props from state."
  },
  "React Component": {
    "prefix": "rc",
    "body": [
      "import * as React from 'react';\r",
      "\r",
      "interface IProps {\r",
      "\r",
      "}\r",
      "\r",
      "export class ${1:Component} extends React.Component<IProps> {\r",
      "\r",
      "    public render(): JSX.Element {\r",
      "        return <div>\r",
      "            Component content\r",
      "        </div>;\r",
      "    }\r",
      "}\r",
      ""
    ],
    "description": "React component with own props."
  }
}