typescript_react_snippets.json

{
  "Create React-Native BoilerPlate": {
    "prefix": "rnfc",
    "body": [
      "import React from 'react';",
      "import { Text, View } from 'react-native';",
      "",
      "import styles from './styles';",
      "",
      "const ${TM_DIRECTORY/.*\\/(.*)$/$1/g}: React.FC = () => {",
      "  return (",
      "    <View style={styles.container}>",
      "      <Text style={styles.title}>${TM_DIRECTORY/.*\\/(.*)$/$1/g}</Text>",
      "    </View>",
      "  );",
      "}",
      "",
      "export default ${TM_DIRECTORY/.*\\/(.*)$/$1/g};",
      ""
    ]
  },
  "Create ReactJS BoilerPlate": {
    "prefix": "rfc",
    "body": [
      "import React from 'react';",
      "",
      "import { Container } from './styles';",
      "",
      "const ${TM_DIRECTORY/.*\\/(.*)$/$1/g}: React.FC = () => {",
      "  return (",
      "    <Container>",
      "      <span>${TM_DIRECTORY/.*\\/(.*)$/$1/g}</span>",
      "    </Container>",
      "  );",
      "}",
      "",
      "export default ${TM_DIRECTORY/.*\\/(.*)$/$1/g};",
      ""
    ]
  }
}