typescriptreact.json

{
  // Place your snippets for TypeScript React here. Each snippet is defined under a snippet name and has a prefix, body and 
  // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
  // same ids are connected.
  // Example:
  "Print to console": {
    "prefix": "log",
    "body": [
      "console.log('$1');"
    ],
    "description": "Log output to console"
  },
  "Import from module": {
    "prefix": "imp",
    "body": [
      "import { $0 } from '${1:module}';"
    ],
    "description": "Import from module"
  },
  "Class name": {
    "prefix": "cn",
    "body": [
      "className={b('$0')()}"
    ],
    "description": "React Class name"
  },
  "React connected container": {
    "prefix": "rcc",
    "body": [
      "import * as React from 'react';",
      "import * as block from 'bem-cn';",
      "import { bind } from 'decko';",
      "import { connect } from 'react-redux';",
      "import { bindActionCreators, Dispatch } from 'redux';",
      "",
      "import { IAppReduxState } from 'shared/types/app';",
      "import { ITranslateProps, i18nConnect } from 'services/i18n';",
      "",
      "import { IReduxState } from '../../../namespace';",
      "import * as actions from './../../../redux/actions';",
      "import * as selectors from './../../../redux/selectors';",
      "import './${1:$TM_FILENAME_BASE}.styl';",
      "",
      "interface IOwnProps {",
      "\t",
      "}",
      "",
      "interface IStateProps {",
      "\t",
      "}",
      "",
      "interface IActionProps {",
      "\t",
      "}",
      "",
      "type IProps = IStateProps & IActionProps & IOwnProps;",
      "",
      "function mapState(state: IAppReduxState): IStateProps {",
      "\treturn {};",
      "}",
      "",
      "function mapDispatch(dispatch: Dispatch<IAppReduxState>): IActionProps {",
      "\treturn bindActionCreators({}, dispatch);",
      "}",
      "",
      "const b = block('${2:block-name}');",
      "",
      "class $1 extends React.PureComponent<IProps & ITranslateProps, {}> {",
      "\tpublic render() {",
      "\t\treturn (",
      "\t\t\t<div></div>",
      "\t\t);",
      "\t}",
      "}",
      "",
      "export { $1 };",
      "export default connect<IStateProps, IActionProps, IOwnProps>(mapState, mapDispatch)(i18nConnect<IProps>($1));",
      ""
    ],
    "description": "React connected container"
  },
  "React component": {
    "prefix": "rc",
    "body": [
      "import * as React from 'react';",
      "import * as block from 'bem-cn';",
      "import { bind } from 'decko';",
      "",
      "import './${1:$TM_FILENAME_BASE}.styl';",
      "",
      "interface IProps {",
      "\t",
      "}",
      "",
      "const b = block('${2:block-name}');",
      "",
      "class $1 extends React.PureComponent<IProps, {}> {",
      "\tpublic render() {",
      "\t\treturn (",
      "\t\t\t<div></div>",
      "\t\t);",
      "\t}",
      "}",
      "",
      "export default $1;",
      ""
    ],
    "description": "React component"
  }
}