{ "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 {", "\trender() {", "\t\treturn (", "\t\t\t", "\t\t\t\t ${1:${TM_FILENAME_BASE}} ", "\t\t\t", "\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 {", "\trender() {", "\t\treturn (", "\t\t\t", "\t\t\t\t ${1:${TM_FILENAME_BASE}} ", "\t\t\t", "\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 {", "\trender() {", "\t\treturn (", "\t\t\t", "\t\t\t\t ${1:${TM_FILENAME_BASE}} ", "\t\t\t", "\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
", "\t\t\t ${1:${TM_FILENAME_BASE}} ", "\t\t
", "\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
", "\t\t\t ${1:${TM_FILENAME_BASE}} ", "\t\t
", "\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 = () => {", "\treturn (", "\t\t
", "\t\t\t ${1:${TM_FILENAME_BASE}} ", "\t\t
", "\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 = () => {", "\treturn (", "\t\t
", "\t\t\t ${1:${TM_FILENAME_BASE}} ", "\t\t
", "\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 {", "\trender() {", "\t\treturn (", "\t\t\t
", "\t\t\t\t ${1:${TM_FILENAME_BASE}} ", "\t\t\t
", "\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 {", "\trender() {", "\t\treturn (", "\t\t\t
", "\t\t\t\t ${1:${TM_FILENAME_BASE}} ", "\t\t\t
", "\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
", "\t\t\t ${1:${TM_FILENAME_BASE}} ", "\t\t
", "\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 {", "\tstate = {}", "", "\trender() {", "\t\treturn (", "\t\t\t
", "\t\t\t\t ${1:${TM_FILENAME_BASE}} ", "\t\t\t
", "\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" } }