Advertisement
Guest User

Untitled

a guest
Mar 21st, 2019
59
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.42 KB | None | 0 0
  1. "Import Apollo Provider": {
  2. "scope": "javascript, typescript",
  3. "prefix": "iap",
  4. "body": [
  5. "import { ApolloProvider } from 'react-apollo;"
  6. ],
  7. "description": "Import Apollo Provider"
  8. },
  9. "Import Apollo Consumer": {
  10. "scope": "javascript, typescript",
  11. "prefix": "iac",
  12. "body": [
  13. "import { ApolloConsumer } from 'react-apollo;"
  14. ],
  15. "description": "Import Apollo Consumer"
  16. },
  17. "Import Apollo Query": {
  18. "scope": "javascript, typescript",
  19. "prefix": "iaq",
  20. "body": [
  21. "import { Query } from 'react-apollo;"
  22. ],
  23. "description": "Import Apollo Query"
  24. },
  25. "Import Apollo Mutation": {
  26. "scope": "javascript, typescript",
  27. "prefix": "iam",
  28. "body": [
  29. "import { Mutation } from 'react-apollo;"
  30. ],
  31. "description": "Import Apollo Mutation"
  32. },
  33. "Import Apollo Mutation and Query": {
  34. "scope": "javascript, typescript",
  35. "prefix": "iaqm",
  36. "body": [
  37. "import { Mutation, Query } from 'react-apollo;"
  38. ],
  39. "description": "Import Apollo Mutation and Query"
  40. },
  41. "Apollo Query Data only": {
  42. "scope": "javascript, typescript",
  43. "prefix": "aq",
  44. "body": [
  45. "<Query query={$1_QUERY}>",
  46. "{({ data }) => (",
  47. "{data}",
  48. ")}",
  49. "</Query>",
  50. "$0"
  51. ],
  52. "description": "Apollo Query data only"
  53. },
  54. "Apollo Query Full": {
  55. "scope": "javascript, typescript",
  56. "prefix": "aqf",
  57. "body": [
  58. "<Query query={$1_QUERY}>",
  59. "{({ data, loading, error }) => {",
  60. "if (loading) return 'Loading...'",
  61. "if (error) return `Error: ${error.message}`",
  62. "return (",
  63. "{ data $0}",
  64. ");",
  65. "}}",
  66. "</Query>"
  67. ],
  68. "description": "Apollo Query Load and error"
  69. },
  70. "Apollo Mutation": {
  71. "scope": "javascript, typescript",
  72. "prefix": "am",
  73. "body": [
  74. "<Mutation mutation={$1_MUTATION}>",
  75. "{$2 => (",
  76. "$0",
  77. ")}",
  78. "</Mutation>"
  79. ],
  80. "description": "Apollo Mutation"
  81. },
  82. "GraphQL query": {
  83. "scope": "javascript, typescript",
  84. "prefix": "gqlq",
  85. "body": [
  86. "import gql from 'graphql-tag';",
  87. "",
  88. "const ${1:QUERY_NAME}_QUERY = gql`",
  89. "query ${1:QUERY_NAME}_QUERY($id: ID!) {",
  90. "$2(where: { id: $id, }) {",
  91. "id",
  92. "$0",
  93. "}",
  94. "}",
  95. "`;"
  96. ],
  97. "description": "Gql tags query"
  98. },
  99. "GraphQL mutation": {
  100. "scope": "javascript, typescript",
  101. "prefix": "gqlm",
  102. "body": [
  103. "import gql from 'graphql-tag';",
  104. "",
  105. "const ${1:MUTATION_NAME}_MUTATION = gql`",
  106. "mutation ${1:MUTATION_NAME}_MUTATION($id: ID!, $${2:field}: $3) {",
  107. "$4( id: $id, ${2:field}: ${2:field} ) {",
  108. "id",
  109. "${2:field}",
  110. "$0",
  111. "}",
  112. "}",
  113. "`;"
  114. ],
  115. "description": "Gql tags mutation"
  116. },
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement