dinhmai74 · September 1, 2019 10:26 · dinhmai74 · Apr 12, 2019 · dinhmai74 · Apr 12, 2019
diff --git a/cloudSettings b/cloudSettings
 {"lastUpload":"2019-09-01T10:26:54.984Z","extensionVersion":"v3.4.2"}
diff --git a/extensions.json b/extensions.json
 [
  {
    "metadata": {
      "id": "d3836729-9cc1-42c1-b2af-d50071f57d29",
      "publisherId": "formulahendry.auto-close-tag",
      "publisherDisplayName": "formulahendry"
    },
    "name": "auto-close-tag",
    "publisher": "formulahendry",
    "version": "0.5.6"
  },
  {
    "metadata": {
      "id": "6e440e71-8ed9-4f25-bb78-4b13096b8a03",
      "publisherId": "formulahendry.auto-rename-tag",
      "publisherDisplayName": "formulahendry"
    },
    "name": "auto-rename-tag",
    "publisher": "formulahendry",
    "version": "0.1.0"
  },
  {
    "metadata": {
      "id": "f583eafd-aa0d-4ccb-8f44-d1e610389660",
      "publisherId": "CoenraadS.bracket-pair-colorizer",
      "publisherDisplayName": "CoenraadS"
    },
    "name": "bracket-pair-colorizer",
    "publisher": "CoenraadS",
    "version": "1.0.61"
  },
  {
    "metadata": {
      "id": "e337c67b-55c2-4fef-8949-eb260e7fb7fd",
      "publisherId": "Shan.code-settings-sync",
      "publisherDisplayName": "Shan"
    },
    "name": "code-settings-sync",
    "publisher": "Shan",
    "version": "3.4.2"
  },
  {
    "metadata": {
      "id": "f6dbd813-b0a0-42c1-90ea-10dde9d925a7",
      "publisherId": "streetsidesoftware.code-spell-checker",
      "publisherDisplayName": "streetsidesoftware"
    },
    "name": "code-spell-checker",
    "publisher": "streetsidesoftware",
    "version": "1.7.18"
  },
  {
    "metadata": {
      "id": "121396ad-85a1-45ec-9fd1-d95028a847f5",
      "publisherId": "naumovs.color-highlight",
      "publisherDisplayName": "naumovs"
    },
    "name": "color-highlight",
    "publisher": "naumovs",
    "version": "2.3.0"
  },
  {
    "metadata": {
      "id": "19804510-b475-4dae-b0f7-6ca08fd1af0c",
      "publisherId": "dsznajder.es7-react-js-snippets",
      "publisherDisplayName": "dsznajder"
    },
    "name": "es7-react-js-snippets",
    "publisher": "dsznajder",
    "version": "2.4.3"
  },
  {
    "metadata": {
      "id": "b3917e4f-5086-4def-a82b-2ae6b708db16",
      "publisherId": "flowtype.flow-for-vscode",
      "publisherDisplayName": "flowtype"
    },
    "name": "flow-for-vscode",
    "publisher": "flowtype",
    "version": "1.3.0"
  },
  {
    "metadata": {
      "id": "8feafe94-2234-4478-8ea6-e5333d65ab5b",
      "publisherId": "ee92.folderize",
      "publisherDisplayName": "ee92"
    },
    "name": "folderize",
    "publisher": "ee92",
    "version": "0.0.5"
  },
  {
    "metadata": {
      "id": "2335b326-c334-4e81-bc51-c408fcec6e7c",
      "publisherId": "waderyan.gitblame",
      "publisherDisplayName": "waderyan"
    },
    "name": "gitblame",
    "publisher": "waderyan",
    "version": "3.0.1"
  },
  {
    "metadata": {
      "id": "4de763bd-505d-4978-9575-2b7696ecf94e",
      "publisherId": "eamodio.gitlens",
      "publisherDisplayName": "eamodio"
    },
    "name": "gitlens",
    "publisher": "eamodio",
    "version": "9.9.3"
  },
  {
    "metadata": {
      "id": "5db78037-f674-459f-a236-db622c427c5b",
      "publisherId": "PKief.material-icon-theme",
      "publisherDisplayName": "PKief"
    },
    "name": "material-icon-theme",
    "publisher": "PKief",
    "version": "3.9.0"
  },
  {
    "metadata": {
      "id": "26a529c9-2654-4b95-a63f-02f6a52429e6",
      "publisherId": "zhuangtongfa.Material-theme",
      "publisherDisplayName": "zhuangtongfa"
    },
    "name": "Material-theme",
    "publisher": "zhuangtongfa",
    "version": "2.27.1"
  },
  {
    "metadata": {
      "id": "a41c1549-4053-44d4-bf30-60fc809b4a86",
      "publisherId": "christian-kohler.path-intellisense",
      "publisherDisplayName": "christian-kohler"
    },
    "name": "path-intellisense",
    "publisher": "christian-kohler",
    "version": "1.4.2"
  },
  {
    "metadata": {
      "id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
      "publisherId": "esbenp.prettier-vscode",
      "publisherDisplayName": "esbenp"
    },
    "name": "prettier-vscode",
    "publisher": "esbenp",
    "version": "2.2.2"
  },
  {
    "metadata": {
      "id": "1b747f06-3789-4ebd-ac99-f1fe430c3347",
      "publisherId": "alefragnani.project-manager",
      "publisherDisplayName": "alefragnani"
    },
    "name": "project-manager",
    "publisher": "alefragnani",
    "version": "10.7.0"
  },
  {
    "metadata": {
      "id": "7f7e0e9c-b5ad-4e21-a425-f63bd56cb13f",
      "publisherId": "EQuimper.react-native-react-redux",
      "publisherDisplayName": "EQuimper"
    },
    "name": "react-native-react-redux",
    "publisher": "EQuimper",
    "version": "2.0.3"
  },
  {
    "metadata": {
      "id": "86701f2b-fc6f-43fb-96a2-65133d6e5856",
      "publisherId": "xieqingtian.ts-react-snippets",
      "publisherDisplayName": "xieqingtian"
    },
    "name": "ts-react-snippets",
    "publisher": "xieqingtian",
    "version": "0.0.3"
  },
  {
    "metadata": {
      "id": "d96e79c6-8b25-4be3-8545-0e0ecefcae03",
      "publisherId": "vscodevim.vim",
      "publisherDisplayName": "vscodevim"
    },
    "name": "vim",
    "publisher": "vscodevim",
    "version": "1.10.2"
  },
  {
    "metadata": {
      "id": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a",
      "publisherId": "dbaeumer.vscode-eslint",
      "publisherDisplayName": "dbaeumer"
    },
    "name": "vscode-eslint",
    "publisher": "dbaeumer",
    "version": "1.9.1"
  },
  {
    "metadata": {
      "id": "d637104e-1fd7-4063-98fc-8afe46012c9b",
      "publisherId": "sleistner.vscode-fileutils",
      "publisherDisplayName": "sleistner"
    },
    "name": "vscode-fileutils",
    "publisher": "sleistner",
    "version": "2.14.9"
  },
  {
    "metadata": {
      "id": "829a192d-496c-44ac-87f3-0a84ce36a853",
      "publisherId": "emmanuelbeziat.vscode-great-icons",
      "publisherDisplayName": "emmanuelbeziat"
    },
    "name": "vscode-great-icons",
    "publisher": "emmanuelbeziat",
    "version": "2.1.47"
  },
  {
    "metadata": {
      "id": "77b70e30-3534-4098-9d6d-382a96babca4",
      "publisherId": "dkundel.vscode-new-file",
      "publisherDisplayName": "dkundel"
    },
    "name": "vscode-new-file",
    "publisher": "dkundel",
    "version": "4.0.2"
  },
  {
    "metadata": {
      "id": "a4678ccd-2309-4cdd-b6cf-94af8dd7001f",
      "publisherId": "jrebocho.vscode-random",
      "publisherDisplayName": "jrebocho"
    },
    "name": "vscode-random",
    "publisher": "jrebocho",
    "version": "1.6.0"
  },
  {
    "metadata": {
      "id": "b35cd5b4-18db-46f9-ba9e-06096c3b22d3",
      "publisherId": "msjsdiag.vscode-react-native",
      "publisherDisplayName": "msjsdiag"
    },
    "name": "vscode-react-native",
    "publisher": "msjsdiag",
    "version": "0.11.0"
  },
  {
    "metadata": {
      "id": "7a6d909f-40d8-4f46-8244-f5ece41d0df5",
      "publisherId": "Orta.vscode-react-native-storybooks",
      "publisherDisplayName": "Orta"
    },
    "name": "vscode-react-native-storybooks",
    "publisher": "Orta",
    "version": "2.7.0"
  },
  {
    "metadata": {
      "id": "06cc3e44-aedb-41b8-a4ea-29ebf3c491fd",
      "publisherId": "jpoissonnier.vscode-styled-components",
      "publisherDisplayName": "jpoissonnier"
    },
    "name": "vscode-styled-components",
    "publisher": "jpoissonnier",
    "version": "0.0.26"
  },
  {
    "metadata": {
      "id": "97a08c5f-6667-4242-a5c5-045dfb6bd4b9",
      "publisherId": "wayou.vscode-todo-highlight",
      "publisherDisplayName": "wayou"
    },
    "name": "vscode-todo-highlight",
    "publisher": "wayou",
    "version": "1.0.4"
  },
  {
    "metadata": {
      "id": "90a37ca1-92a2-488a-b196-7a8c0b0127ea",
      "publisherId": "ms-vscode.vscode-typescript-tslint-plugin",
      "publisherDisplayName": "ms-vscode"
    },
    "name": "vscode-typescript-tslint-plugin",
    "publisher": "ms-vscode",
    "version": "1.2.2"
  }
 ]
diff --git a/keybindings.json b/keybindings.json
 // Empty
diff --git a/keybindingsMac.json b/keybindingsMac.json
 // Place your key bindings in this file to overwrite the defaults
 [
    {
        "key": "tab",
        "command": "selectNextSuggestion",
        "when": "editorTextFocus && suggestWidgetMultipleSuggestions && suggestWidgetVisible"
    },
    {
        "key": "down",
        "command": "-selectNextSuggestion",
        "when": "editorTextFocus && suggestWidgetMultipleSuggestions && suggestWidgetVisible"
    },
    {
        "key": "shift+tab",
        "command": "selectPrevSuggestion",
        "when": "editorTextFocus && suggestWidgetMultipleSuggestions && suggestWidgetVisible"
    },
    {
        "key": "up",
        "command": "-selectPrevSuggestion",
        "when": "editorTextFocus && suggestWidgetMultipleSuggestions && suggestWidgetVisible"
    },
        {
          "key": "cmd+n",
          "command": "newFile.createNewFile"
        },
 {
    "key": "cmd+c",
    "command": "",
 }]
diff --git a/settings.json b/settings.json
 {
  "window.zoomLevel": 1,
  "editor.multiCursorModifier": "alt",
  "newFile.defaultBaseFileName": "",
  "newFile.relativeTo": "file", // "root" or "project"
  "newFile.defaultFileExtension": "",
  "newFile.rootDirectory": "~",
  "newFile.showPathRelativeTo": "none", // "project" or "none"
  "newFile.expandBraces": false,
  "explorer.confirmDragAndDrop": false,
  "git.enableSmartCommit": true,
  "workbench.colorTheme": "One Dark Pro Vivid",
  "editor.fontSize": 13,
  "editor.fontWeight": "100",
  "editor.fontFamily": "'Fira Code'",
  "editor.fontLigatures": true,
  "sync.gist": "dba3221a05fcd77c7fbc059d8b589b13",
  "sync.host": "",
  "sync.pathPrefix": "",
  "sync.quietSync": false,
  "sync.askGistName": false,
  "sync.removeExtensions": true,
  "sync.syncExtensions": true,
  "sync.autoDownload": false,
  "sync.autoUpload": false,
  "sync.lastUpload": "",
  "sync.lastDownload": "",
  "sync.forceDownload": false,
  "breadcrumbs.enabled": true, // setting to true will allow for creating multiple files such as `new-folder/{file1,file2}.js`
  "javascript.validate.enable": false,
  "editor.renderWhitespace": "boundary",
  "cSpell.userWords": [
    "Animatable",
    "Cambria",
    "Entypo",
    "Fontfamily",
    "Genw",
    "Ionicons",
    "Iphone",
    "Nativebase",
    "Octicons",
    "Reactotron",
    "Scrollable",
    "Stateful",
    "Subviews",
    "UIHMR",
    "Unmount",
    "Zocial",
    "apisauce",
    "customuser",
    "dinhmai",
    "dropdown",
    "ellipsize",
    "formik",
    "gmail",
    "inmemory",
    "jwtoken",
    "lifelog",
    "lifelogs",
    "lightgrey",
    "mobx",
    "padder",
    "rebass",
    "refetch",
    "rnpm",
    "setstate",
    "swipeable",
    "tiwi",
    "toastr",
    "unsubscriber",
    "userdfahifha",
    "uuidv",
    "viewpager",
    "vinid",
    "xlarge",
    "yellowbox"
  ],
  "vim.easymotion": true,
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "javascript.format.enable": false,
  "cSpell.language": "en",
  "cSpell.enabledLanguageIds": [
    "asciidoc",
    "c",
    "cpp",
    "csharp",
    "css",
    "go",
    "handlebars",
    "html",
    "jade",
    "javascript",
    "javascriptreact",
    "json",
    "latex",
    "less",
    "markdown",
    "php",
    "plaintext",
    "pub",
    "python",
    "restructuredtext",
    "rust",
    "scss",
    "text",
    "typescript",
    "typescriptreact",
    "yml"
  ],
  "workbench.iconTheme": "material-icon-theme",
  "terminal.integrated.cursorStyle": "underline",
  "diffEditor.ignoreTrimWhitespace": true,
  "typescript.updateImportsOnFileMove.enabled": "always",
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "todohighlight.isEnable": true,

  // "vim.statusBarColorControl": true,
  // "vim.statusBarColors.normal": ["#434c5e", "#cccc"],
  // "vim.statusBarColors.insert": "#005f5f",
  // "vim.statusBarColors.visual": ["#B48EAD", "#ccc"],
  // "vim.statusBarColors.visualline": ["#dad", "#eee"],
  // "vim.statusBarColors.visualblock": "#A3BE8C",
  // "vim.statusBarColors.replace": "#D08770",
  // "workbench.colorCustomizations": {
  //   "statusBar.background": "#B48EAD",
  //   "statusBar.noFolderBackground": "#B48EAD",
  //   "statusBar.debuggingBackground": "#B48EAD",
  //   "statusBar.foreground": "#ccc"
  // },

  "react-native-storybooks.port": 7007,
  "prettier.semi": false,
  "vim.overrideCopy": true,
  "terminal.external.osxExec": "Hyper",
  "workbench.editor.enablePreview": false,
  "editor.tabSize": 2,
  "tslint.packageManager": "yarn",
  "emmet.showExpandedAbbreviation": "never",
  "sync.forceUpload": true,
  "terminal.integrated.fontFamily": "\"Hasklug Nerd Font\"",
  "editor.snippetSuggestions": "top",
  "javascript.preferences.importModuleSpecifier": "non-relative",
  "typescript.preferences.importModuleSpecifier": "non-relative",
  "eslint.autoFixOnSave": true,
  "eslint.packageManager": "yarn",
  "eslint.alwaysShowStatus": true,
  "tslint.alwaysShowRuleFailuresAsWarnings": true,
  "editor.formatOnSave": true
 }
diff --git a/snippets|dart.json b/snippets|dart.json
 {
 	// Place your snippets for dart 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');",
 	// 		"$2"
 	// 	],
 	// 	"description": "Log output to console"
 	// }

 	"translate app": {
 		"prefix": "tl",
 		"body": [
 			"AppLocalizations.of(context).translate('$1')"
 		],
 		"description": "Log output to console"
 	}
 }
diff --git a/snippets|global.code-snippets b/snippets|global.code-snippets
 {
  // Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
  // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
  // is left empty or omitted, the snippet gets applied to all languages. 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": {
  // 	"scope": "javascript,typescript",
  // 	"prefix": "log",
  // 	"body": [
  // 		"console.log('$1');",
  // 		"$2"
  // 	],
  // 	"description": "Log output to console"
  // }
  "Print story": {
    "scope": "javascript,typescript,typescriptreact",
    "prefix": "rns",
    "body": ["storiesOf('$1', module)", " .add('default', () => $2 )"],
    "description": "Log output to console"
  },
  "Print property comment": {
    "scope": "javascript,typescript,typescriptreact",
    "prefix": "cmtp",
    "body": ["/**", " * @property {propTypes.$1} $2 - $3", " */"],
    "description": "Log output to console"
  },
  "Create destructuring object": {
    "scope": "javascript,typescript,typescriptreact",
    "prefix": "dob",
    "body": ["const { $2 } = $1;"]
  },
  "export * from x": {
    "scope": "javascript,typescript,typescriptreact",
    "prefix": "ex",
    "body": ["export * from '$1'"]
  },
  "const style": {
    "scope": "javascript,typescript,typescriptreact",
    "prefix": "styled",
    "body": ["export const Styled${2:$1} = styled($1)`", "\t$3", "`"]
  },
  "Create static default props": {
    "scope": "javascript,typescript,typescriptreact",
    "prefix": "dp",
    "body": ["static defaultProps={", "  $1", "}"]
  },
  "Create interface": {
    "scope": "typescript,typescriptreact",
    "prefix": "int",
    "body": ["export interface $1 { $2 }"]
  },

  "import destructoring": {
    "scope": "javascript,typescript,typescriptreact",
    "prefix": "imp",
    "body": ["import { $2 } from '$1'"]
  },

  "import deafult": {
    "scope": "javascript,typescript,typescriptreact",
    "prefix": "impd",
    "body": ["import $1 from './$1'"]
  },

  "styled const": {
    "scope": "javascript,typescript,typescriptreact",
    "prefix": "sty",
    "body": ["const Styled${2:$1} = styled($2)`$3","`"]
  },
  "minimal back tick expand":{
    "scope": "javascript,typescript,typescriptreact",
    "prefix": "btm",
    "body": ["{`${$1}`}"]
  },
 
  "back tick expand":{
    "scope": "javascript,typescript,typescriptreact",
    "prefix": "bt",
    "body": ["{`${$1}`}"]
  },
  "root i18n text":{
    "scope": "javascript,typescript,typescriptreact",
    "prefix": "brt",
    "body": ["{`${${1:rootTxText}}.$2`}"]
  },
  "create root i18n text":{
    "scope": "javascript,typescript,typescriptreact",
    "prefix": "rt",
    "body": ["const rootTxText = '$1'"]
  },
  "export default as":{
    "scope": "javascript,typescript,typescriptreact",
    "prefix": "exd",
    "body": ["export { default as $1} from './$1'"]
  },
  "Print to console with color": {
    "scope": "javascript,typescript,typescriptreact",
 		"prefix": "cl",
 		"body": [
 			"console.log(`%c ${2:$1}`,`color: ${3:blue}; font-weight: ${4:600}`,$1)"
 		],
 		"description": "Log output to console"
 	},
 }
diff --git a/snippets|javascript.json b/snippets|javascript.json
 {
  // Place your snippets for javascript 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');",
  // 		"$2"
  // 	],
  // 	"description": "Log output to console"
  // }

  // "Import destructuring": {
  //   "prefix": "imp",
  //   "body": ["import { $2 } from '$1'"],
  //   "description": "Import destructuring"
  // },
  
  // "Print to console reactotron": {
  //   "prefix": "log",
  //   "body": ["console.tron.log('$1',$1)"],
  //   "description": "Log output to console"
  // },
  // "Map state to props": {
  //   "prefix": "mstp",
  //   "body": [
  //     "const mapStateToProps = state => {",
  //     "\tconst {",
  //     "\t\t$1",
  //     "\t} = state;",
  //     "\tconsole.log('state in store:',state);",
  //     "\treturn {",
  //     "\t\t$2:$1",
  //     "\t};",
  //     "};"
  //   ],
  //   "description": "Map state to props"
  // },

  // "Map dispatch to props": {
  //   "prefix": "mdtp",
  //   "body": [
  //     "const mapDispatchToProps = (dispatch) => {",
  //     "\treturn {",
  //     "\t\t$1: () => {",
  //     "\t\t\tdispatch($2);",
  //     "\t\t}",
  //     "\t};",
  //     "};"
  //   ]
  // },

  // "Default style create": {
  //   "prefix": "ds",
  //   "body": [
  //     "import { StyleSheet} from 'react-native';",
  //     "",
  //     "export default StyleSheet.create({",
  //     " container: {}",
  //     "});"
  //   ]
  // },

  // "Create static default props": {
  //   "prefix": "dp",
  //   "body": ["static defaultProps={", "  $1", "}"]
  // },

  // "Create destructuring object": {
  //   "prefix": "dob",
  //   "body": ["const { $2 } = $1;"]
  // },

  // "PureComponent React Class FlowType": {
  //   "prefix": "fpc",
  //   "body": [
  //     "import React, { PureComponent } from 'react'",
  //     "import { Text, View } from 'react-native'",
  //     "",
  //     "type Props = {",
  //     "\t$1",
  //     "};",
  //     "",
  //     "type State = {",
  //     "\t$2",
  //     "};",
  //     "",
  //     "class ${TM_FILENAME_BASE} extends PureComponent<Props, State> {",
  //     "\tstate = { $3 }",
  //     "",
  //     "\trender() {",
  //     "\t\treturn (",
  //     "\t\t\t<View>",
  //     "\t\t\t\t<Text> textInComponent </Text>",
  //     "\t\t\t</View>",
  //     "\t\t);",
  //     "\t}",
  //     "}",
  //     "",
  //     "${TM_FILENAME_BASE}.defaultProps={",
  //     "\t$4",
  //     "}",
  //     "",
  //     "export default ${TM_FILENAME_BASE};"
  //   ]
  // },
  // "React Class FlowType": {
  //   "prefix": "fcc",
  //   "body": [
  //     "import React, { Component } from 'react'",
  //     "import { Text, View } from 'react-native'",
  //     "",
  //     "type Props = {",
  //     "\t$1",
  //     "};",
  //     "",
  //     "type State = {",
  //     "\t$2",
  //     "};",
  //     "",
  //     "class ${TM_FILENAME_BASE} extends Component<Props, State> {",
  //     "\tstate = { $3 }",
  //     "",
  //     "\trender() {",
  //     "\t\treturn (",
  //     "\t\t\t<View>",
  //     "\t\t\t\t<Text> textInComponent </Text>",
  //     "\t\t\t</View>",
  //     "\t\t);",
  //     "\t}",
  //     "}",
  //     "",
  //     "${TM_FILENAME_BASE}.defaultProps={",
  //     "\t$4",
  //     "}",
  //     "",
  //     "export default ${TM_FILENAME_BASE};"
  //   ]
  // },

  // "Export const action type": {
  //   "prefix": "ecat",
  //   "body": "export const $1 = '$1'",
  //   "description": "export const action type"
  // },
  // "Export const action type flow style": {
  //   "prefix": "fecat",
  //   "body": "export const $1: '$1'='$1'",
  //   "description": "export const action type flow style"
  // }
 }
diff --git a/snippets|typescript.json b/snippets|typescript.json
 {
 	// Place your snippets for typescriptreact 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');",
 	// 		"$2"
 	// 	],
 	// 	"description": "Log output to console"
 	// }
 	// "Import destructuring": {
 	// 	"prefix": "imp",
 	// 	"body": ["import { $2 } from '$1'"],
 	// 	"description": "Import destructuring"
 	// },
 	// "Tron": {
 	// 	"prefix": "tron",
 	// 	"body": [
 	// 		"console.tron.$1"
 	// 	],
 	// 	"description": "get tron"
 	// },
 	// "Print to console reactotron": {
 	// 	"prefix": "log",
 	// 	"body": ["console.tron.log('${2:$1}',$1)"],
 	// 	"description": "Log output to console"
 	// },
 	// "Map state to props": {
 	// 	"prefix": "mstp",
 	// 	"body": [
 	// 		"const mapStateToProps = state => {",
 	// 		"\tconst {",
 	// 		"\t\t$1",
 	// 		"\t} = state;",
 	// 		"\tconsole.log('state in store:',state);",
 	// 		"\treturn {",
 	// 		"\t\t$2:$1",
 	// 		"\t};",
 	// 		"};"
 	// 	],
 	// 	"description": "Map state to props"
 	// },
 	// "Map dispatch to props": {
 	// 	"prefix": "mdtp",
 	// 	"body": [
 	// 		"const mapDispatchToProps = (dispatch) => {",
 	// 		"\treturn {",
 	// 		"\t\t$1: () => {",
 	// 		"\t\t\tdispatch($2);",
 	// 		"\t\t}",
 	// 		"\t};",
 	// 		"};"
 	// 	]
 	// },
 	// "Default style create": {
 	// 	"prefix": "ds",
 	// 	"body": [
 	// 		"import { StyleSheet} from 'react-native';",
 	// 		"",
 	// 		"export default StyleSheet.create({",
 	// 		" container: {}",
 	// 		"});"
 	// 	]
 	// },
 	// "Create static default props": {
 	// 	"prefix": "dp",
 	// 	"body": ["static defaultProps={", "  $1", "}"]
 	// },
 	// "Create destructoring object": {
 	// 	"prefix": "dob",
 	// 	"body": ["const {$2}= $1"]
 	// },
 	// "PureComponent React Class ts": {
 	// 	"prefix": "tspc",
 	// 	"body": [
 	// 		"import React, { PureComponent } from 'react'",
 	// 		"import { Text, View } from 'react-native'",
 	// 		"",
 	// 		"interface IProps {",
 	// 		"\t$1",
 	// 		"};",
 	// 		"",
 	// 		"interface State {",
 	// 		"\t$2",
 	// 		"};",
 	// 		"",
 	// 		"class ${TM_FILENAME_BASE} extends PureComponent<IProps, IState> {",
 	// 		"\tstatic defaultProps: {};",
 	// 		"\tstate = { $3 }",
 	// 		"",
 	// 		"\trender() {",
 	// 		"\t\treturn (",
 	// 		"\t\t\t<View>",
 	// 		"\t\t\t\t<Text> textInComponent </Text>",
 	// 		"\t\t\t</View>",
 	// 		"\t\t);",
 	// 		"\t}",
 	// 		"}",
 	// 		"",
 	// 		"${TM_FILENAME_BASE}.defaultProps={",
 	// 		"\t$4",
 	// 		"}",
 	// 		"",
 	// 		"export default ${TM_FILENAME_BASE};"
 	// 	]
 	// },
 	// "React Class ts": {
 	// 	"prefix": "tscc",
 	// 	"body": [
 	// 		"import React, { Component } from 'react'",
 	// 		"import { Text, View } from 'react-native'",
 	// 		"",
 	// 		"interface IProps {",
 	// 		"\t$1",
 	// 		"};",
 	// 		"",
 	// 		"interface IState {",
 	// 		"\t$2",
 	// 		"};",
 	// 		"",
 	// 		"class ${TM_FILENAME_BASE} extends Component<IProps, IState> {",
 	// 		"\tstatic defaultProps: {};",
 	// 		"\tstate = { $3 }",
 	// 		"",
 	// 		"\trender() {",
 	// 		"\t\treturn (",
 	// 		"\t\t\t<View>",
 	// 		"\t\t\t\t<Text> textInComponent </Text>",
 	// 		"\t\t\t</View>",
 	// 		"\t\t);",
 	// 		"\t}",
 	// 		"}",
 	// 		"",
 	// 		"${TM_FILENAME_BASE}.defaultProps={",
 	// 		"\t$4",
 	// 		"}",
 	// 		"",
 	// 		"export default ${TM_FILENAME_BASE};"
 	// 	]
 	// },
 	// "Export const action type": {
 	// 	"prefix": "ecat",
 	// 	"body": "export const $1 = '$1'",
 	// 	"description": "export const action type"
 	// },
 	// "Export const action type ts style": {
 	// 	"prefix": "tsecat",
 	// 	"body": "export const $1='$1'",
 	// 	"description": "export const action type flow style"
 	// },
 	"Print to console with color": {
 		"prefix": "cl",
 		"body": [
 			"console.log(`%c ${2:$1}`,`color: ${3:blue}; font-weight: ${4:600}`,$1)"
 		],
 		"description": "Log output to console"
 	},
 }
diff --git a/snippets|typescriptreact.json b/snippets|typescriptreact.json
 {
 	"typeScriptReactNativeClassComponent": {
 		"prefix": "tsrncc",
 		"body": [
 			"import React, { Component } from 'react'",
 			"import { View, Text } from 'react-native'",
 			"",
 			"export interface I${1:${TM_FILENAME_BASE}}Props {",
 			"\t",
 			"}",
 			"interface IState {",
 			"\t",
 			"}",
 			"",
 			"export class ${1:${TM_FILENAME_BASE}} extends Component<I${1:${TM_FILENAME_BASE}}Props, IState> {",
 			"\trender() {",
 			"\t\treturn (",
 			"\t\t\t<View>",
 			"\t\t\t\t<Text> ${1:${TM_FILENAME_BASE}} </Text>",
 			"\t\t\t</View>",
 			"\t\t)",
 			"\t}",
 			"}",
 			"",
 			"export default ${1:${TM_FILENAME_BASE}} "
 		],
 		"description": "Creates a React component class with ES7 module system and TypeScript interfaces"
 	},
 	"constructor": {
 		"prefix": "cont",
 		"body": [
 			"constructor(props: I${1:${TM_FILENAME_BASE}}Props){",
 			"super(props)",
 			"}"
 		]
 	},
 	"typeScriptReactNativePureClassComponent": {
 		"prefix": "tsrnpc",
 		"body": [
 			"import React, { PureComponent } from 'react'",
 			"import { View, Text } from 'react-native'",
 			"",
 			"export interface I${1:${TM_FILENAME_BASE}}Props {",
 			"\t",
 			"}",
 			"interface IState {",
 			"\t",
 			"}",
 			"",
 			"export class ${1:${TM_FILENAME_BASE}} extends PureComponent<I${1:${TM_FILENAME_BASE}}Props, IState> {",
 			"\trender() {",
 			"\t\treturn (",
 			"\t\t\t<View>",
 			"\t\t\t\t<Text> ${1:${TM_FILENAME_BASE}} </Text>",
 			"\t\t\t</View>",
 			"\t\t)",
 			"\t}",
 			"}",
 			"",
 			"export default ${1:${TM_FILENAME_BASE}} "
 		],
 		"description": "Creates a React component class with ES7 module system and TypeScript interfaces"
 	},
 	"typeScriptReactClassExportComponent": {
 		"prefix": "tsrnce",
 		"body": [
 			"import React, { Component } from 'react'",
 			"import { I${1:${TM_FILENAME_BASE}}Props } from './${1:${TM_FILENAME_BASE}}.props'",
 			"import { } from './${1:${TM_FILENAME_BASE}}.presets'",
 			"import { View, Text } from 'react-native'",
 			"",
 			"",
 			"export class ${1:${TM_FILENAME_BASE}} extends Component<I${1:${TM_FILENAME_BASE}}Props, {}> {",
 			"\trender() {",
 			"\t\treturn (",
 			"\t\t\t<View>",
 			"\t\t\t\t<Text> ${1:${TM_FILENAME_BASE}} </Text>",
 			"\t\t\t</View>",
 			"\t\t)",
 			"\t}",
 			"}",
 			"",
 			"export default ${1:${TM_FILENAME_BASE}} "
 		],
 		"description": "Creates a React component class with ES7 module system and TypeScript interfaces"
 	},
 	"typeScriptReactFunctionalExportComponent": {
 		"prefix": "tsrfce",
 		"body": [
 			"import React from 'react'",
 			"",
 			"interface Props {",
 			"\t",
 			"}",
 			"",
 			"function ${1:${TM_FILENAME_BASE}}(): Props {",
 			"\treturn (",
 			"\t\t<div>",
 			"\t\t\t ${1:${TM_FILENAME_BASE}} ",
 			"\t\t</div>",
 			"\t)",
 			"}",
 			"",
 			"export default ${1:${TM_FILENAME_BASE}}",
 			""
 		],
 		"description": "Creates a React Functional Component with ES7 module system and TypeScript interface"
 	},
 	"typeScriptReactFunctionalComponent": {
 		"prefix": "tsrfc",
 		"body": [
 			"import React from 'react'",
 			"",
 			"interface Props {",
 			"\t",
 			"}",
 			"",
 			"export default function ${1:${TM_FILENAME_BASE}}(): Props {",
 			"\treturn (",
 			"\t\t<div>",
 			"\t\t\t ${1:${TM_FILENAME_BASE}} ",
 			"\t\t</div>",
 			"\t)",
 			"}",
 			""
 		],
 		"description": "Creates a React Functional Component with ES7 module system and TypeScript interface"
 	},
 	"typeScriptReactArrowFunctionExportComponent": {
 		"prefix": "tsrafce",
 		"body": [
 			"import React from 'react'",
 			"",
 			"interface Props {",
 			"\t",
 			"}",
 			"",
 			"const ${1:${TM_FILENAME_BASE}}: React.FC<Props> = () => {",
 			"\treturn (",
 			"\t\t<div>",
 			"\t\t\t ${1:${TM_FILENAME_BASE}} ",
 			"\t\t</div>",
 			"\t)",
 			"}",
 			"",
 			"export default ${1:${TM_FILENAME_BASE}}",
 			""
 		],
 		"description": "Creates a React Arrow Function Component with ES7 module system and TypeScript interface"
 	},
 	"typeScriptReactArrowFunctionComponent": {
 		"prefix": "tsrafc",
 		"body": [
 			"import React from 'react'",
 			"",
 			"interface Props {",
 			"\t",
 			"}",
 			"",
 			"export const ${1:${TM_FILENAME_BASE}}: React.FC<Props> = () => {",
 			"\treturn (",
 			"\t\t<div>",
 			"\t\t\t ${1:${TM_FILENAME_BASE}} ",
 			"\t\t</div>",
 			"\t)",
 			"}",
 			""
 		],
 		"description": "Creates a React Arrow Function Component with ES7 module system and TypeScript interfaces"
 	},
 	"typeScriptReactClassPureComponent": {
 		"prefix": "tsrpc",
 		"body": [
 			"import React, { PureComponent } from 'react'",
 			"",
 			"interface Props {",
 			"\t",
 			"}",
 			"",
 			"export default class ${1:${TM_FILENAME_BASE}} extends PureComponent<Props> {",
 			"\trender() {",
 			"\t\treturn (",
 			"\t\t\t<div>",
 			"\t\t\t\t ${1:${TM_FILENAME_BASE}} ",
 			"\t\t\t</div>",
 			"\t\t)",
 			"\t}",
 			"}",
 			""
 		],
 		"description": "Creates a React pure component class with ES7 module system and TypeScript interface"
 	},
 	"typeScriptReactClassExportPureComponent": {
 		"prefix": "tsrpce",
 		"body": [
 			"import React, { PureComponent } from 'react'",
 			"",
 			"interface Props {",
 			"\t",
 			"}",
 			"",
 			"class ${1:${TM_FILENAME_BASE}} extends PureComponent<Props> {",
 			"\trender() {",
 			"\t\treturn (",
 			"\t\t\t<div>",
 			"\t\t\t\t ${1:${TM_FILENAME_BASE}} ",
 			"\t\t\t</div>",
 			"\t\t)",
 			"\t}",
 			"}",
 			"",
 			"export default ${1:${TM_FILENAME_BASE}}",
 			""
 		],
 		"description": "Creates a React pure component class with ES7 module system and TypeScript interface"
 	},
 	"typeScriptReactFunctionMemoComponent": {
 		"prefix": "tsrmc",
 		"body": [
 			"import React, { memo } from 'react'",
 			"",
 			"interface Props {",
 			"\t",
 			"}",
 			"",
 			"export default memo(function ${1:${TM_FILENAME_BASE}}({}: Props) {",
 			"\treturn (",
 			"\t\t<div>",
 			"\t\t\t ${1:${TM_FILENAME_BASE}} ",
 			"\t\t</div>",
 			"\t)",
 			"})",
 			""
 		],
 		"description": "Creates a React Memo Function Component with ES7 module system and TypeScript interface"
 	},
 	"typeScriptReactClassCompomentRedux": {
 		"prefix": "tsrcredux",
 		"body": [
 			"import React, { Component } from 'react'",
 			"import { connect } from 'react-redux'",
 			"",
 			"interface Props {",
 			"\t",
 			"}",
 			"interface State {",
 			"\t",
 			"}",
 			"",
 			"export class ${1:${TM_FILENAME_BASE}} extends Component<Props, State> {",
 			"\tstate = {}",
 			"",
 			"\trender() {",
 			"\t\treturn (",
 			"\t\t\t<div>",
 			"\t\t\t\t ${1:${TM_FILENAME_BASE}} ",
 			"\t\t\t</div>",
 			"\t\t)",
 			"\t}",
 			"}",
 			"",
 			"const mapStateToProps = (state) => ({",
 			"\t",
 			"})",
 			"",
 			"const mapDispatchToProps = {",
 			"\t",
 			"}",
 			"",
 			"export default connect(mapStateToProps, mapDispatchToProps)(${1:${TM_FILENAME_BASE}})",
 			""
 		],
 		"description": "Creates a React component class with PropTypes with connected redux and ES7 module system and TypeScript interfaces"
 	}
 }
	[
	{
	"metadata": {
	"id": "d3836729-9cc1-42c1-b2af-d50071f57d29",
	"publisherId": "formulahendry.auto-close-tag",
	"publisherDisplayName": "formulahendry"
	},
	"name": "auto-close-tag",
	"publisher": "formulahendry",
	"version": "0.5.6"
	},
	{
	"metadata": {
	"id": "6e440e71-8ed9-4f25-bb78-4b13096b8a03",
	"publisherId": "formulahendry.auto-rename-tag",
	"publisherDisplayName": "formulahendry"
	},
	"name": "auto-rename-tag",
	"publisher": "formulahendry",
	"version": "0.1.0"
	},
	{
	"metadata": {
	"id": "f583eafd-aa0d-4ccb-8f44-d1e610389660",
	"publisherId": "CoenraadS.bracket-pair-colorizer",
	"publisherDisplayName": "CoenraadS"
	},
	"name": "bracket-pair-colorizer",
	"publisher": "CoenraadS",
	"version": "1.0.61"
	},
	{
	"metadata": {
	"id": "e337c67b-55c2-4fef-8949-eb260e7fb7fd",
	"publisherId": "Shan.code-settings-sync",
	"publisherDisplayName": "Shan"
	},
	"name": "code-settings-sync",
	"publisher": "Shan",
	"version": "3.4.2"
	},
	{
	"metadata": {
	"id": "f6dbd813-b0a0-42c1-90ea-10dde9d925a7",
	"publisherId": "streetsidesoftware.code-spell-checker",
	"publisherDisplayName": "streetsidesoftware"
	},
	"name": "code-spell-checker",
	"publisher": "streetsidesoftware",
	"version": "1.7.18"
	},
	{
	"metadata": {
	"id": "121396ad-85a1-45ec-9fd1-d95028a847f5",
	"publisherId": "naumovs.color-highlight",
	"publisherDisplayName": "naumovs"
	},
	"name": "color-highlight",
	"publisher": "naumovs",
	"version": "2.3.0"
	},
	{
	"metadata": {
	"id": "19804510-b475-4dae-b0f7-6ca08fd1af0c",
	"publisherId": "dsznajder.es7-react-js-snippets",
	"publisherDisplayName": "dsznajder"
	},
	"name": "es7-react-js-snippets",
	"publisher": "dsznajder",
	"version": "2.4.3"
	},
	{
	"metadata": {
	"id": "b3917e4f-5086-4def-a82b-2ae6b708db16",
	"publisherId": "flowtype.flow-for-vscode",
	"publisherDisplayName": "flowtype"
	},
	"name": "flow-for-vscode",
	"publisher": "flowtype",
	"version": "1.3.0"
	},
	{
	"metadata": {
	"id": "8feafe94-2234-4478-8ea6-e5333d65ab5b",
	"publisherId": "ee92.folderize",
	"publisherDisplayName": "ee92"
	},
	"name": "folderize",
	"publisher": "ee92",
	"version": "0.0.5"
	},
	{
	"metadata": {
	"id": "2335b326-c334-4e81-bc51-c408fcec6e7c",
	"publisherId": "waderyan.gitblame",
	"publisherDisplayName": "waderyan"
	},
	"name": "gitblame",
	"publisher": "waderyan",
	"version": "3.0.1"
	},
	{
	"metadata": {
	"id": "4de763bd-505d-4978-9575-2b7696ecf94e",
	"publisherId": "eamodio.gitlens",
	"publisherDisplayName": "eamodio"
	},
	"name": "gitlens",
	"publisher": "eamodio",
	"version": "9.9.3"
	},
	{
	"metadata": {
	"id": "5db78037-f674-459f-a236-db622c427c5b",
	"publisherId": "PKief.material-icon-theme",
	"publisherDisplayName": "PKief"
	},
	"name": "material-icon-theme",
	"publisher": "PKief",
	"version": "3.9.0"
	},
	{
	"metadata": {
	"id": "26a529c9-2654-4b95-a63f-02f6a52429e6",
	"publisherId": "zhuangtongfa.Material-theme",
	"publisherDisplayName": "zhuangtongfa"
	},
	"name": "Material-theme",
	"publisher": "zhuangtongfa",
	"version": "2.27.1"
	},
	{
	"metadata": {
	"id": "a41c1549-4053-44d4-bf30-60fc809b4a86",
	"publisherId": "christian-kohler.path-intellisense",
	"publisherDisplayName": "christian-kohler"
	},
	"name": "path-intellisense",
	"publisher": "christian-kohler",
	"version": "1.4.2"
	},
	{
	"metadata": {
	"id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
	"publisherId": "esbenp.prettier-vscode",
	"publisherDisplayName": "esbenp"
	},
	"name": "prettier-vscode",
	"publisher": "esbenp",
	"version": "2.2.2"
	},
	{
	"metadata": {
	"id": "1b747f06-3789-4ebd-ac99-f1fe430c3347",
	"publisherId": "alefragnani.project-manager",
	"publisherDisplayName": "alefragnani"
	},
	"name": "project-manager",
	"publisher": "alefragnani",
	"version": "10.7.0"
	},
	{
	"metadata": {
	"id": "7f7e0e9c-b5ad-4e21-a425-f63bd56cb13f",
	"publisherId": "EQuimper.react-native-react-redux",
	"publisherDisplayName": "EQuimper"
	},
	"name": "react-native-react-redux",
	"publisher": "EQuimper",
	"version": "2.0.3"
	},
	{
	"metadata": {
	"id": "86701f2b-fc6f-43fb-96a2-65133d6e5856",
	"publisherId": "xieqingtian.ts-react-snippets",
	"publisherDisplayName": "xieqingtian"
	},
	"name": "ts-react-snippets",
	"publisher": "xieqingtian",
	"version": "0.0.3"
	},
	{
	"metadata": {
	"id": "d96e79c6-8b25-4be3-8545-0e0ecefcae03",
	"publisherId": "vscodevim.vim",
	"publisherDisplayName": "vscodevim"
	},
	"name": "vim",
	"publisher": "vscodevim",
	"version": "1.10.2"
	},
	{
	"metadata": {
	"id": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a",
	"publisherId": "dbaeumer.vscode-eslint",
	"publisherDisplayName": "dbaeumer"
	},
	"name": "vscode-eslint",
	"publisher": "dbaeumer",
	"version": "1.9.1"
	},
	{
	"metadata": {
	"id": "d637104e-1fd7-4063-98fc-8afe46012c9b",
	"publisherId": "sleistner.vscode-fileutils",
	"publisherDisplayName": "sleistner"
	},
	"name": "vscode-fileutils",
	"publisher": "sleistner",
	"version": "2.14.9"
	},
	{
	"metadata": {
	"id": "829a192d-496c-44ac-87f3-0a84ce36a853",
	"publisherId": "emmanuelbeziat.vscode-great-icons",
	"publisherDisplayName": "emmanuelbeziat"
	},
	"name": "vscode-great-icons",
	"publisher": "emmanuelbeziat",
	"version": "2.1.47"
	},
	{
	"metadata": {
	"id": "77b70e30-3534-4098-9d6d-382a96babca4",
	"publisherId": "dkundel.vscode-new-file",
	"publisherDisplayName": "dkundel"
	},
	"name": "vscode-new-file",
	"publisher": "dkundel",
	"version": "4.0.2"
	},
	{
	"metadata": {
	"id": "a4678ccd-2309-4cdd-b6cf-94af8dd7001f",
	"publisherId": "jrebocho.vscode-random",
	"publisherDisplayName": "jrebocho"
	},
	"name": "vscode-random",
	"publisher": "jrebocho",
	"version": "1.6.0"
	},
	{
	"metadata": {
	"id": "b35cd5b4-18db-46f9-ba9e-06096c3b22d3",
	"publisherId": "msjsdiag.vscode-react-native",
	"publisherDisplayName": "msjsdiag"
	},
	"name": "vscode-react-native",
	"publisher": "msjsdiag",
	"version": "0.11.0"
	},
	{
	"metadata": {
	"id": "7a6d909f-40d8-4f46-8244-f5ece41d0df5",
	"publisherId": "Orta.vscode-react-native-storybooks",
	"publisherDisplayName": "Orta"
	},
	"name": "vscode-react-native-storybooks",
	"publisher": "Orta",
	"version": "2.7.0"
	},
	{
	"metadata": {
	"id": "06cc3e44-aedb-41b8-a4ea-29ebf3c491fd",
	"publisherId": "jpoissonnier.vscode-styled-components",
	"publisherDisplayName": "jpoissonnier"
	},
	"name": "vscode-styled-components",
	"publisher": "jpoissonnier",
	"version": "0.0.26"
	},
	{
	"metadata": {
	"id": "97a08c5f-6667-4242-a5c5-045dfb6bd4b9",
	"publisherId": "wayou.vscode-todo-highlight",
	"publisherDisplayName": "wayou"
	},
	"name": "vscode-todo-highlight",
	"publisher": "wayou",
	"version": "1.0.4"
	},
	{
	"metadata": {
	"id": "90a37ca1-92a2-488a-b196-7a8c0b0127ea",
	"publisherId": "ms-vscode.vscode-typescript-tslint-plugin",
	"publisherDisplayName": "ms-vscode"
	},
	"name": "vscode-typescript-tslint-plugin",
	"publisher": "ms-vscode",
	"version": "1.2.2"
	}
	]
	// Place your key bindings in this file to overwrite the defaults
	[
	{
	"key": "tab",
	"command": "selectNextSuggestion",
	"when": "editorTextFocus && suggestWidgetMultipleSuggestions && suggestWidgetVisible"
	},
	{
	"key": "down",
	"command": "-selectNextSuggestion",
	"when": "editorTextFocus && suggestWidgetMultipleSuggestions && suggestWidgetVisible"
	},
	{
	"key": "shift+tab",
	"command": "selectPrevSuggestion",
	"when": "editorTextFocus && suggestWidgetMultipleSuggestions && suggestWidgetVisible"
	},
	{
	"key": "up",
	"command": "-selectPrevSuggestion",
	"when": "editorTextFocus && suggestWidgetMultipleSuggestions && suggestWidgetVisible"
	},
	{
	"key": "cmd+n",
	"command": "newFile.createNewFile"
	},
	{
	"key": "cmd+c",
	"command": "",
	}]
	{
	"window.zoomLevel": 1,
	"editor.multiCursorModifier": "alt",
	"newFile.defaultBaseFileName": "",
	"newFile.relativeTo": "file", // "root" or "project"
	"newFile.defaultFileExtension": "",
	"newFile.rootDirectory": "~",
	"newFile.showPathRelativeTo": "none", // "project" or "none"
	"newFile.expandBraces": false,
	"explorer.confirmDragAndDrop": false,
	"git.enableSmartCommit": true,
	"workbench.colorTheme": "One Dark Pro Vivid",
	"editor.fontSize": 13,
	"editor.fontWeight": "100",
	"editor.fontFamily": "'Fira Code'",
	"editor.fontLigatures": true,
	"sync.gist": "dba3221a05fcd77c7fbc059d8b589b13",
	"sync.host": "",
	"sync.pathPrefix": "",
	"sync.quietSync": false,
	"sync.askGistName": false,
	"sync.removeExtensions": true,
	"sync.syncExtensions": true,
	"sync.autoDownload": false,
	"sync.autoUpload": false,
	"sync.lastUpload": "",
	"sync.lastDownload": "",
	"sync.forceDownload": false,
	"breadcrumbs.enabled": true, // setting to true will allow for creating multiple files such as `new-folder/{file1,file2}.js`
	"javascript.validate.enable": false,
	"editor.renderWhitespace": "boundary",
	"cSpell.userWords": [
	"Animatable",
	"Cambria",
	"Entypo",
	"Fontfamily",
	"Genw",
	"Ionicons",
	"Iphone",
	"Nativebase",
	"Octicons",
	"Reactotron",
	"Scrollable",
	"Stateful",
	"Subviews",
	"UIHMR",
	"Unmount",
	"Zocial",
	"apisauce",
	"customuser",
	"dinhmai",
	"dropdown",
	"ellipsize",
	"formik",
	"gmail",
	"inmemory",
	"jwtoken",
	"lifelog",
	"lifelogs",
	"lightgrey",
	"mobx",
	"padder",
	"rebass",
	"refetch",
	"rnpm",
	"setstate",
	"swipeable",
	"tiwi",
	"toastr",
	"unsubscriber",
	"userdfahifha",
	"uuidv",
	"viewpager",
	"vinid",
	"xlarge",
	"yellowbox"
	],
	"vim.easymotion": true,
	"[json]": {
	"editor.defaultFormatter": "vscode.json-language-features"
	},
	"javascript.format.enable": false,
	"cSpell.language": "en",
	"cSpell.enabledLanguageIds": [
	"asciidoc",
	"c",
	"cpp",
	"csharp",
	"css",
	"go",
	"handlebars",
	"html",
	"jade",
	"javascript",
	"javascriptreact",
	"json",
	"latex",
	"less",
	"markdown",
	"php",
	"plaintext",
	"pub",
	"python",
	"restructuredtext",
	"rust",
	"scss",
	"text",
	"typescript",
	"typescriptreact",
	"yml"
	],
	"workbench.iconTheme": "material-icon-theme",
	"terminal.integrated.cursorStyle": "underline",
	"diffEditor.ignoreTrimWhitespace": true,
	"typescript.updateImportsOnFileMove.enabled": "always",
	"[typescriptreact]": {
	"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"[typescript]": {
	"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"[jsonc]": {
	"editor.defaultFormatter": "esbenp.prettier-vscode"
	},
	"todohighlight.isEnable": true,

	// "vim.statusBarColorControl": true,
	// "vim.statusBarColors.normal": ["#434c5e", "#cccc"],
	// "vim.statusBarColors.insert": "#005f5f",
	// "vim.statusBarColors.visual": ["#B48EAD", "#ccc"],
	// "vim.statusBarColors.visualline": ["#dad", "#eee"],
	// "vim.statusBarColors.visualblock": "#A3BE8C",
	// "vim.statusBarColors.replace": "#D08770",
	// "workbench.colorCustomizations": {
	// "statusBar.background": "#B48EAD",
	// "statusBar.noFolderBackground": "#B48EAD",
	// "statusBar.debuggingBackground": "#B48EAD",
	// "statusBar.foreground": "#ccc"
	// },

	"react-native-storybooks.port": 7007,
	"prettier.semi": false,
	"vim.overrideCopy": true,
	"terminal.external.osxExec": "Hyper",
	"workbench.editor.enablePreview": false,
	"editor.tabSize": 2,
	"tslint.packageManager": "yarn",
	"emmet.showExpandedAbbreviation": "never",
	"sync.forceUpload": true,
	"terminal.integrated.fontFamily": "\"Hasklug Nerd Font\"",
	"editor.snippetSuggestions": "top",
	"javascript.preferences.importModuleSpecifier": "non-relative",
	"typescript.preferences.importModuleSpecifier": "non-relative",
	"eslint.autoFixOnSave": true,
	"eslint.packageManager": "yarn",
	"eslint.alwaysShowStatus": true,
	"tslint.alwaysShowRuleFailuresAsWarnings": true,
	"editor.formatOnSave": true
	}
	{
	// Place your snippets for dart 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');",
	// "$2"
	// ],
	// "description": "Log output to console"
	// }

	"translate app": {
	"prefix": "tl",
	"body": [
	"AppLocalizations.of(context).translate('$1')"
	],
	"description": "Log output to console"
	}
	}
	{
	// Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
	// is left empty or omitted, the snippet gets applied to all languages. 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": {
	// "scope": "javascript,typescript",
	// "prefix": "log",
	// "body": [
	// "console.log('$1');",
	// "$2"
	// ],
	// "description": "Log output to console"
	// }
	"Print story": {
	"scope": "javascript,typescript,typescriptreact",
	"prefix": "rns",
	"body": ["storiesOf('$1', module)", " .add('default', () => $2 )"],
	"description": "Log output to console"
	},
	"Print property comment": {
	"scope": "javascript,typescript,typescriptreact",
	"prefix": "cmtp",
	"body": ["/*", " @property {propTypes.$1} $2 - $3", " */"],
	"description": "Log output to console"
	},
	"Create destructuring object": {
	"scope": "javascript,typescript,typescriptreact",
	"prefix": "dob",
	"body": ["const { $2 } = $1;"]
	},
	"export * from x": {
	"scope": "javascript,typescript,typescriptreact",
	"prefix": "ex",
	"body": ["export * from '$1'"]
	},
	"const style": {
	"scope": "javascript,typescript,typescriptreact",
	"prefix": "styled",
	"body": ["export const Styled${2:$1} = styled($1)`", "\t$3", "`"]
	},
	"Create static default props": {
	"scope": "javascript,typescript,typescriptreact",
	"prefix": "dp",
	"body": ["static defaultProps={", " $1", "}"]
	},
	"Create interface": {
	"scope": "typescript,typescriptreact",
	"prefix": "int",
	"body": ["export interface $1 { $2 }"]
	},

	"import destructoring": {
	"scope": "javascript,typescript,typescriptreact",
	"prefix": "imp",
	"body": ["import { $2 } from '$1'"]
	},

	"import deafult": {
	"scope": "javascript,typescript,typescriptreact",
	"prefix": "impd",
	"body": ["import $1 from './$1'"]
	},

	"styled const": {
	"scope": "javascript,typescript,typescriptreact",
	"prefix": "sty",
	"body": ["const Styled${2:$1} = styled($2)`$3","`"]
	},
	"minimal back tick expand":{
	"scope": "javascript,typescript,typescriptreact",
	"prefix": "btm",
	"body": ["{`${$1}`}"]
	},

	"back tick expand":{
	"scope": "javascript,typescript,typescriptreact",
	"prefix": "bt",
	"body": ["{`${$1}`}"]
	},
	"root i18n text":{
	"scope": "javascript,typescript,typescriptreact",
	"prefix": "brt",
	"body": ["{`${${1:rootTxText}}.$2`}"]
	},
	"create root i18n text":{
	"scope": "javascript,typescript,typescriptreact",
	"prefix": "rt",
	"body": ["const rootTxText = '$1'"]
	},
	"export default as":{
	"scope": "javascript,typescript,typescriptreact",
	"prefix": "exd",
	"body": ["export { default as $1} from './$1'"]
	},
	"Print to console with color": {
	"scope": "javascript,typescript,typescriptreact",
	"prefix": "cl",
	"body": [
	"console.log(`%c ${2:$1}`,`color: ${3:blue}; font-weight: ${4:600}`,$1)"
	],
	"description": "Log output to console"
	},
	}
	{
	// Place your snippets for javascript 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');",
	// "$2"
	// ],
	// "description": "Log output to console"
	// }

	// "Import destructuring": {
	// "prefix": "imp",
	// "body": ["import { $2 } from '$1'"],
	// "description": "Import destructuring"
	// },

	// "Print to console reactotron": {
	// "prefix": "log",
	// "body": ["console.tron.log('$1',$1)"],
	// "description": "Log output to console"
	// },
	// "Map state to props": {
	// "prefix": "mstp",
	// "body": [
	// "const mapStateToProps = state => {",
	// "\tconst {",
	// "\t\t$1",
	// "\t} = state;",
	// "\tconsole.log('state in store:',state);",
	// "\treturn {",
	// "\t\t$2:$1",
	// "\t};",
	// "};"
	// ],
	// "description": "Map state to props"
	// },

	// "Map dispatch to props": {
	// "prefix": "mdtp",
	// "body": [
	// "const mapDispatchToProps = (dispatch) => {",
	// "\treturn {",
	// "\t\t$1: () => {",
	// "\t\t\tdispatch($2);",
	// "\t\t}",
	// "\t};",
	// "};"
	// ]
	// },

	// "Default style create": {
	// "prefix": "ds",
	// "body": [
	// "import { StyleSheet} from 'react-native';",
	// "",
	// "export default StyleSheet.create({",
	// " container: {}",
	// "});"
	// ]
	// },

	// "Create static default props": {
	// "prefix": "dp",
	// "body": ["static defaultProps={", " $1", "}"]
	// },

	// "Create destructuring object": {
	// "prefix": "dob",
	// "body": ["const { $2 } = $1;"]
	// },

	// "PureComponent React Class FlowType": {
	// "prefix": "fpc",
	// "body": [
	// "import React, { PureComponent } from 'react'",
	// "import { Text, View } from 'react-native'",
	// "",
	// "type Props = {",
	// "\t$1",
	// "};",
	// "",
	// "type State = {",
	// "\t$2",
	// "};",
	// "",
	// "class ${TM_FILENAME_BASE} extends PureComponent<Props, State> {",
	// "\tstate = { $3 }",
	// "",
	// "\trender() {",
	// "\t\treturn (",
	// "\t\t\t<View>",
	// "\t\t\t\t<Text> textInComponent </Text>",
	// "\t\t\t</View>",
	// "\t\t);",
	// "\t}",
	// "}",
	// "",
	// "${TM_FILENAME_BASE}.defaultProps={",
	// "\t$4",
	// "}",
	// "",
	// "export default ${TM_FILENAME_BASE};"
	// ]
	// },
	// "React Class FlowType": {
	// "prefix": "fcc",
	// "body": [
	// "import React, { Component } from 'react'",
	// "import { Text, View } from 'react-native'",
	// "",
	// "type Props = {",
	// "\t$1",
	// "};",
	// "",
	// "type State = {",
	// "\t$2",
	// "};",
	// "",
	// "class ${TM_FILENAME_BASE} extends Component<Props, State> {",
	// "\tstate = { $3 }",
	// "",
	// "\trender() {",
	// "\t\treturn (",
	// "\t\t\t<View>",
	// "\t\t\t\t<Text> textInComponent </Text>",
	// "\t\t\t</View>",
	// "\t\t);",
	// "\t}",
	// "}",
	// "",
	// "${TM_FILENAME_BASE}.defaultProps={",
	// "\t$4",
	// "}",
	// "",
	// "export default ${TM_FILENAME_BASE};"
	// ]
	// },

	// "Export const action type": {
	// "prefix": "ecat",
	// "body": "export const $1 = '$1'",
	// "description": "export const action type"
	// },
	// "Export const action type flow style": {
	// "prefix": "fecat",
	// "body": "export const $1: '$1'='$1'",
	// "description": "export const action type flow style"
	// }
	}
	{
	// Place your snippets for typescriptreact 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');",
	// "$2"
	// ],
	// "description": "Log output to console"
	// }
	// "Import destructuring": {
	// "prefix": "imp",
	// "body": ["import { $2 } from '$1'"],
	// "description": "Import destructuring"
	// },
	// "Tron": {
	// "prefix": "tron",
	// "body": [
	// "console.tron.$1"
	// ],
	// "description": "get tron"
	// },
	// "Print to console reactotron": {
	// "prefix": "log",
	// "body": ["console.tron.log('${2:$1}',$1)"],
	// "description": "Log output to console"
	// },
	// "Map state to props": {
	// "prefix": "mstp",
	// "body": [
	// "const mapStateToProps = state => {",
	// "\tconst {",
	// "\t\t$1",
	// "\t} = state;",
	// "\tconsole.log('state in store:',state);",
	// "\treturn {",
	// "\t\t$2:$1",
	// "\t};",
	// "};"
	// ],
	// "description": "Map state to props"
	// },
	// "Map dispatch to props": {
	// "prefix": "mdtp",
	// "body": [
	// "const mapDispatchToProps = (dispatch) => {",
	// "\treturn {",
	// "\t\t$1: () => {",
	// "\t\t\tdispatch($2);",
	// "\t\t}",
	// "\t};",
	// "};"
	// ]
	// },
	// "Default style create": {
	// "prefix": "ds",
	// "body": [
	// "import { StyleSheet} from 'react-native';",
	// "",
	// "export default StyleSheet.create({",
	// " container: {}",
	// "});"
	// ]
	// },
	// "Create static default props": {
	// "prefix": "dp",
	// "body": ["static defaultProps={", " $1", "}"]
	// },
	// "Create destructoring object": {
	// "prefix": "dob",
	// "body": ["const {$2}= $1"]
	// },
	// "PureComponent React Class ts": {
	// "prefix": "tspc",
	// "body": [
	// "import React, { PureComponent } from 'react'",
	// "import { Text, View } from 'react-native'",
	// "",
	// "interface IProps {",
	// "\t$1",
	// "};",
	// "",
	// "interface State {",
	// "\t$2",
	// "};",
	// "",
	// "class ${TM_FILENAME_BASE} extends PureComponent<IProps, IState> {",
	// "\tstatic defaultProps: {};",
	// "\tstate = { $3 }",
	// "",
	// "\trender() {",
	// "\t\treturn (",
	// "\t\t\t<View>",
	// "\t\t\t\t<Text> textInComponent </Text>",
	// "\t\t\t</View>",
	// "\t\t);",
	// "\t}",
	// "}",
	// "",
	// "${TM_FILENAME_BASE}.defaultProps={",
	// "\t$4",
	// "}",
	// "",
	// "export default ${TM_FILENAME_BASE};"
	// ]
	// },
	// "React Class ts": {
	// "prefix": "tscc",
	// "body": [
	// "import React, { Component } from 'react'",
	// "import { Text, View } from 'react-native'",
	// "",
	// "interface IProps {",
	// "\t$1",
	// "};",
	// "",
	// "interface IState {",
	// "\t$2",
	// "};",
	// "",
	// "class ${TM_FILENAME_BASE} extends Component<IProps, IState> {",
	// "\tstatic defaultProps: {};",
	// "\tstate = { $3 }",
	// "",
	// "\trender() {",
	// "\t\treturn (",
	// "\t\t\t<View>",
	// "\t\t\t\t<Text> textInComponent </Text>",
	// "\t\t\t</View>",
	// "\t\t);",
	// "\t}",
	// "}",
	// "",
	// "${TM_FILENAME_BASE}.defaultProps={",
	// "\t$4",
	// "}",
	// "",
	// "export default ${TM_FILENAME_BASE};"
	// ]
	// },
	// "Export const action type": {
	// "prefix": "ecat",
	// "body": "export const $1 = '$1'",
	// "description": "export const action type"
	// },
	// "Export const action type ts style": {
	// "prefix": "tsecat",
	// "body": "export const $1='$1'",
	// "description": "export const action type flow style"
	// },
	"Print to console with color": {
	"prefix": "cl",
	"body": [
	"console.log(`%c ${2:$1}`,`color: ${3:blue}; font-weight: ${4:600}`,$1)"
	],
	"description": "Log output to console"
	},
	}
	{
	"typeScriptReactNativeClassComponent": {
	"prefix": "tsrncc",
	"body": [
	"import React, { Component } from 'react'",
	"import { View, Text } from 'react-native'",
	"",
	"export interface I${1:${TM_FILENAME_BASE}}Props {",
	"\t",
	"}",
	"interface IState {",
	"\t",
	"}",
	"",
	"export class ${1:${TM_FILENAME_BASE}} extends Component<I${1:${TM_FILENAME_BASE}}Props, IState> {",
	"\trender() {",
	"\t\treturn (",
	"\t\t\t<View>",
	"\t\t\t\t<Text> ${1:${TM_FILENAME_BASE}} </Text>",
	"\t\t\t</View>",
	"\t\t)",
	"\t}",
	"}",
	"",
	"export default ${1:${TM_FILENAME_BASE}} "
	],
	"description": "Creates a React component class with ES7 module system and TypeScript interfaces"
	},
	"constructor": {
	"prefix": "cont",
	"body": [
	"constructor(props: I${1:${TM_FILENAME_BASE}}Props){",
	"super(props)",
	"}"
	]
	},
	"typeScriptReactNativePureClassComponent": {
	"prefix": "tsrnpc",
	"body": [
	"import React, { PureComponent } from 'react'",
	"import { View, Text } from 'react-native'",
	"",
	"export interface I${1:${TM_FILENAME_BASE}}Props {",
	"\t",
	"}",
	"interface IState {",
	"\t",
	"}",
	"",
	"export class ${1:${TM_FILENAME_BASE}} extends PureComponent<I${1:${TM_FILENAME_BASE}}Props, IState> {",
	"\trender() {",
	"\t\treturn (",
	"\t\t\t<View>",
	"\t\t\t\t<Text> ${1:${TM_FILENAME_BASE}} </Text>",
	"\t\t\t</View>",
	"\t\t)",
	"\t}",
	"}",
	"",
	"export default ${1:${TM_FILENAME_BASE}} "
	],
	"description": "Creates a React component class with ES7 module system and TypeScript interfaces"
	},
	"typeScriptReactClassExportComponent": {
	"prefix": "tsrnce",
	"body": [
	"import React, { Component } from 'react'",
	"import { I${1:${TM_FILENAME_BASE}}Props } from './${1:${TM_FILENAME_BASE}}.props'",
	"import { } from './${1:${TM_FILENAME_BASE}}.presets'",
	"import { View, Text } from 'react-native'",
	"",
	"",
	"export class ${1:${TM_FILENAME_BASE}} extends Component<I${1:${TM_FILENAME_BASE}}Props, {}> {",
	"\trender() {",
	"\t\treturn (",
	"\t\t\t<View>",
	"\t\t\t\t<Text> ${1:${TM_FILENAME_BASE}} </Text>",
	"\t\t\t</View>",
	"\t\t)",
	"\t}",
	"}",
	"",
	"export default ${1:${TM_FILENAME_BASE}} "
	],
	"description": "Creates a React component class with ES7 module system and TypeScript interfaces"
	},
	"typeScriptReactFunctionalExportComponent": {
	"prefix": "tsrfce",
	"body": [
	"import React from 'react'",
	"",
	"interface Props {",
	"\t",
	"}",
	"",
	"function ${1:${TM_FILENAME_BASE}}(): Props {",
	"\treturn (",
	"\t\t<div>",
	"\t\t\t ${1:${TM_FILENAME_BASE}} ",
	"\t\t</div>",
	"\t)",
	"}",
	"",
	"export default ${1:${TM_FILENAME_BASE}}",
	""
	],
	"description": "Creates a React Functional Component with ES7 module system and TypeScript interface"
	},
	"typeScriptReactFunctionalComponent": {
	"prefix": "tsrfc",
	"body": [
	"import React from 'react'",
	"",
	"interface Props {",
	"\t",
	"}",
	"",
	"export default function ${1:${TM_FILENAME_BASE}}(): Props {",
	"\treturn (",
	"\t\t<div>",
	"\t\t\t ${1:${TM_FILENAME_BASE}} ",
	"\t\t</div>",
	"\t)",
	"}",
	""
	],
	"description": "Creates a React Functional Component with ES7 module system and TypeScript interface"
	},
	"typeScriptReactArrowFunctionExportComponent": {
	"prefix": "tsrafce",
	"body": [
	"import React from 'react'",
	"",
	"interface Props {",
	"\t",
	"}",
	"",
	"const ${1:${TM_FILENAME_BASE}}: React.FC<Props> = () => {",
	"\treturn (",
	"\t\t<div>",
	"\t\t\t ${1:${TM_FILENAME_BASE}} ",
	"\t\t</div>",
	"\t)",
	"}",
	"",
	"export default ${1:${TM_FILENAME_BASE}}",
	""
	],
	"description": "Creates a React Arrow Function Component with ES7 module system and TypeScript interface"
	},
	"typeScriptReactArrowFunctionComponent": {
	"prefix": "tsrafc",
	"body": [
	"import React from 'react'",
	"",
	"interface Props {",
	"\t",
	"}",
	"",
	"export const ${1:${TM_FILENAME_BASE}}: React.FC<Props> = () => {",
	"\treturn (",
	"\t\t<div>",
	"\t\t\t ${1:${TM_FILENAME_BASE}} ",
	"\t\t</div>",
	"\t)",
	"}",
	""
	],
	"description": "Creates a React Arrow Function Component with ES7 module system and TypeScript interfaces"
	},
	"typeScriptReactClassPureComponent": {
	"prefix": "tsrpc",
	"body": [
	"import React, { PureComponent } from 'react'",
	"",
	"interface Props {",
	"\t",
	"}",
	"",
	"export default class ${1:${TM_FILENAME_BASE}} extends PureComponent<Props> {",
	"\trender() {",
	"\t\treturn (",
	"\t\t\t<div>",
	"\t\t\t\t ${1:${TM_FILENAME_BASE}} ",
	"\t\t\t</div>",
	"\t\t)",
	"\t}",
	"}",
	""
	],
	"description": "Creates a React pure component class with ES7 module system and TypeScript interface"
	},
	"typeScriptReactClassExportPureComponent": {
	"prefix": "tsrpce",
	"body": [
	"import React, { PureComponent } from 'react'",
	"",
	"interface Props {",
	"\t",
	"}",
	"",
	"class ${1:${TM_FILENAME_BASE}} extends PureComponent<Props> {",
	"\trender() {",
	"\t\treturn (",
	"\t\t\t<div>",
	"\t\t\t\t ${1:${TM_FILENAME_BASE}} ",
	"\t\t\t</div>",
	"\t\t)",
	"\t}",
	"}",
	"",
	"export default ${1:${TM_FILENAME_BASE}}",
	""
	],
	"description": "Creates a React pure component class with ES7 module system and TypeScript interface"
	},
	"typeScriptReactFunctionMemoComponent": {
	"prefix": "tsrmc",
	"body": [
	"import React, { memo } from 'react'",
	"",
	"interface Props {",
	"\t",
	"}",
	"",
	"export default memo(function ${1:${TM_FILENAME_BASE}}({}: Props) {",
	"\treturn (",
	"\t\t<div>",
	"\t\t\t ${1:${TM_FILENAME_BASE}} ",
	"\t\t</div>",
	"\t)",
	"})",
	""
	],
	"description": "Creates a React Memo Function Component with ES7 module system and TypeScript interface"
	},
	"typeScriptReactClassCompomentRedux": {
	"prefix": "tsrcredux",
	"body": [
	"import React, { Component } from 'react'",
	"import { connect } from 'react-redux'",
	"",
	"interface Props {",
	"\t",
	"}",
	"interface State {",
	"\t",
	"}",
	"",
	"export class ${1:${TM_FILENAME_BASE}} extends Component<Props, State> {",
	"\tstate = {}",
	"",
	"\trender() {",
	"\t\treturn (",
	"\t\t\t<div>",
	"\t\t\t\t ${1:${TM_FILENAME_BASE}} ",
	"\t\t\t</div>",
	"\t\t)",
	"\t}",
	"}",
	"",
	"const mapStateToProps = (state) => ({",
	"\t",
	"})",
	"",
	"const mapDispatchToProps = {",
	"\t",
	"}",
	"",
	"export default connect(mapStateToProps, mapDispatchToProps)(${1:${TM_FILENAME_BASE}})",
	""
	],
	"description": "Creates a React component class with PropTypes with connected redux and ES7 module system and TypeScript interfaces"
	}
	}