From f2b7d34924eff9270ef335dde868aff89b1c9a8b Mon Sep 17 00:00:00 2001 From: Ajeet D'Souza <98ajeet@gmail.com> Date: Tue, 14 May 2019 15:16:18 +0530 Subject: [PATCH 1/3] learn: fix 'multipe' typo in GraphQL tutorial --- .../ios-apollo/tutorial-site/content/intro-to-graphql.md | 4 ++-- .../react-apollo/tutorial-site/content/intro-to-graphql.md | 4 ++-- .../tutorial-site/content/intro-to-graphql.md | 4 ++-- .../vue-apollo/tutorial-site/content/intro-to-graphql.md | 4 ++-- 4 files changed, 8 insertions(+), 8 deletions(-) diff --git a/community/learn/graphql-tutorials/tutorials/ios-apollo/tutorial-site/content/intro-to-graphql.md b/community/learn/graphql-tutorials/tutorials/ios-apollo/tutorial-site/content/intro-to-graphql.md index 41dac86849d89..acb024a34d27b 100644 --- a/community/learn/graphql-tutorials/tutorials/ios-apollo/tutorial-site/content/intro-to-graphql.md +++ b/community/learn/graphql-tutorials/tutorials/ios-apollo/tutorial-site/content/intro-to-graphql.md @@ -61,11 +61,11 @@ This is one of the key-reasons that makes GraphQL a joy to work with! - **Avoid over-fetching**: You avoid fetching more data than you need because you can specify the exact **fields** you need. -- **Prevent multipe API calls**: In case you need more data, you can also avoid +- **Prevent multiple API calls**: In case you need more data, you can also avoid making multiple calls to your API. In the case above, you don't need to make 2 API calls to fetch `user` and `address` separately. - **Lesser communication with API developers**: Sometimes to fetch the exact data - you need, especially if you need to fetch more data and want to avoid multipe API + you need, especially if you need to fetch more data and want to avoid multiple API calls, you will need to ask your API developers to build a new API. With GraphQL, your work is *independent* of the API team! This allows you to work faster on your app. diff --git a/community/learn/graphql-tutorials/tutorials/react-apollo/tutorial-site/content/intro-to-graphql.md b/community/learn/graphql-tutorials/tutorials/react-apollo/tutorial-site/content/intro-to-graphql.md index 41dac86849d89..acb024a34d27b 100644 --- a/community/learn/graphql-tutorials/tutorials/react-apollo/tutorial-site/content/intro-to-graphql.md +++ b/community/learn/graphql-tutorials/tutorials/react-apollo/tutorial-site/content/intro-to-graphql.md @@ -61,11 +61,11 @@ This is one of the key-reasons that makes GraphQL a joy to work with! - **Avoid over-fetching**: You avoid fetching more data than you need because you can specify the exact **fields** you need. -- **Prevent multipe API calls**: In case you need more data, you can also avoid +- **Prevent multiple API calls**: In case you need more data, you can also avoid making multiple calls to your API. In the case above, you don't need to make 2 API calls to fetch `user` and `address` separately. - **Lesser communication with API developers**: Sometimes to fetch the exact data - you need, especially if you need to fetch more data and want to avoid multipe API + you need, especially if you need to fetch more data and want to avoid multiple API calls, you will need to ask your API developers to build a new API. With GraphQL, your work is *independent* of the API team! This allows you to work faster on your app. diff --git a/community/learn/graphql-tutorials/tutorials/react-native-apollo/tutorial-site/content/intro-to-graphql.md b/community/learn/graphql-tutorials/tutorials/react-native-apollo/tutorial-site/content/intro-to-graphql.md index 5955272b3a5f3..9aeb4a436ed8d 100644 --- a/community/learn/graphql-tutorials/tutorials/react-native-apollo/tutorial-site/content/intro-to-graphql.md +++ b/community/learn/graphql-tutorials/tutorials/react-native-apollo/tutorial-site/content/intro-to-graphql.md @@ -61,11 +61,11 @@ This is one of the key-reasons that makes GraphQL a joy to work with! - **Avoid over-fetching**: You avoid fetching more data than you need because you can specify the exact **fields** you need. -- **Prevent multipe API calls**: In case you need more data, you can also avoid +- **Prevent multiple API calls**: In case you need more data, you can also avoid making multiple calls to your API. In the case above, you don't need to make 2 API calls to fetch `user` and `address` separately. - **Lesser communication with API developers**: Sometimes to fetch the exact data - you need, especially if you need to fetch more data and want to avoid multipe API + you need, especially if you need to fetch more data and want to avoid multiple API calls, you will need to ask your API developers to build a new API. With GraphQL, your work is *independent* of the API team! This allows you to work faster on your app. diff --git a/community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/content/intro-to-graphql.md b/community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/content/intro-to-graphql.md index 41dac86849d89..acb024a34d27b 100644 --- a/community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/content/intro-to-graphql.md +++ b/community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/content/intro-to-graphql.md @@ -61,11 +61,11 @@ This is one of the key-reasons that makes GraphQL a joy to work with! - **Avoid over-fetching**: You avoid fetching more data than you need because you can specify the exact **fields** you need. -- **Prevent multipe API calls**: In case you need more data, you can also avoid +- **Prevent multiple API calls**: In case you need more data, you can also avoid making multiple calls to your API. In the case above, you don't need to make 2 API calls to fetch `user` and `address` separately. - **Lesser communication with API developers**: Sometimes to fetch the exact data - you need, especially if you need to fetch more data and want to avoid multipe API + you need, especially if you need to fetch more data and want to avoid multiple API calls, you will need to ask your API developers to build a new API. With GraphQL, your work is *independent* of the API team! This allows you to work faster on your app. From 6069980a3982cfa4a154f6bb25ffa50433b76985 Mon Sep 17 00:00:00 2001 From: Ajeet D'Souza <98ajeet@gmail.com> Date: Tue, 14 May 2019 17:11:55 +0530 Subject: [PATCH 2/3] learn: fix 'paramter' typo in GraphQL tutorial --- .../content/intro-to-graphql/2-fetching-data-queries.md | 2 +- .../content/intro-to-graphql/2-fetching-data-queries.md | 2 +- .../content/intro-to-graphql/2-fetching-data-queries.md | 2 +- .../content/intro-to-graphql/2-fetching-data-queries.md | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/community/learn/graphql-tutorials/tutorials/ios-apollo/tutorial-site/content/intro-to-graphql/2-fetching-data-queries.md b/community/learn/graphql-tutorials/tutorials/ios-apollo/tutorial-site/content/intro-to-graphql/2-fetching-data-queries.md index 51f740c482b81..2ddc8c4fa211f 100644 --- a/community/learn/graphql-tutorials/tutorials/ios-apollo/tutorial-site/content/intro-to-graphql/2-fetching-data-queries.md +++ b/community/learn/graphql-tutorials/tutorials/ios-apollo/tutorial-site/content/intro-to-graphql/2-fetching-data-queries.md @@ -101,7 +101,7 @@ query { ## Adding parameters (arguments) to GraphQL queries -In most API calls, you usually use paramters. For example, to specify what data you're fetching. +In most API calls, you usually use parameters. For example, to specify what data you're fetching. If you're familiar with making `GET` calls, you would have used a query parameter. For example, to fetch only 10 todos you might have made this API call: `GET /api/todos?limit=10`. diff --git a/community/learn/graphql-tutorials/tutorials/react-apollo/tutorial-site/content/intro-to-graphql/2-fetching-data-queries.md b/community/learn/graphql-tutorials/tutorials/react-apollo/tutorial-site/content/intro-to-graphql/2-fetching-data-queries.md index cda72d885aef6..ce36f7e34fe29 100644 --- a/community/learn/graphql-tutorials/tutorials/react-apollo/tutorial-site/content/intro-to-graphql/2-fetching-data-queries.md +++ b/community/learn/graphql-tutorials/tutorials/react-apollo/tutorial-site/content/intro-to-graphql/2-fetching-data-queries.md @@ -105,7 +105,7 @@ and their profile information (which is just their name for now): ## Adding parameters (arguments) to GraphQL queries -In most API calls, you usually use paramters. For example, to specify what data you're fetching. +In most API calls, you usually use parameters. For example, to specify what data you're fetching. If you're familiar with making `GET` calls, you would have used a query parameter. For example, to fetch only 10 todos you might have made this API call: `GET /api/todos?limit=10`. diff --git a/community/learn/graphql-tutorials/tutorials/react-native-apollo/tutorial-site/content/intro-to-graphql/2-fetching-data-queries.md b/community/learn/graphql-tutorials/tutorials/react-native-apollo/tutorial-site/content/intro-to-graphql/2-fetching-data-queries.md index 1d314ae35089c..fbd0d247ee88c 100644 --- a/community/learn/graphql-tutorials/tutorials/react-native-apollo/tutorial-site/content/intro-to-graphql/2-fetching-data-queries.md +++ b/community/learn/graphql-tutorials/tutorials/react-native-apollo/tutorial-site/content/intro-to-graphql/2-fetching-data-queries.md @@ -101,7 +101,7 @@ and their profile information (which is just their name for now): ## Adding parameters (arguments) to GraphQL queries -In most API calls, you usually use paramters. For example, to specify what data you're fetching. +In most API calls, you usually use parameters. For example, to specify what data you're fetching. If you're familiar with making `GET` calls, you would have used a query parameter. For example, to fetch only 10 todos you might have made this API calls: `GET /api/todos?limit=10`. diff --git a/community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/content/intro-to-graphql/2-fetching-data-queries.md b/community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/content/intro-to-graphql/2-fetching-data-queries.md index fc3e6811bc9eb..58fb43257a200 100644 --- a/community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/content/intro-to-graphql/2-fetching-data-queries.md +++ b/community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/content/intro-to-graphql/2-fetching-data-queries.md @@ -105,7 +105,7 @@ and their profile information (which is just their name for now): ## Adding parameters (arguments) to GraphQL queries -In most API calls, you usually use paramters. For example, to specify what data you're fetching. +In most API calls, you usually use parameters. For example, to specify what data you're fetching. If you're familiar with making `GET` calls, you would have used a query parameter. For example, to fetch only 10 todos you might have made this API calls: `GET /api/todos?limit=10`. From d9c3c7f203bb961f72f54ebdbf4a2bf83710db37 Mon Sep 17 00:00:00 2001 From: Ajeet D'Souza <98ajeet@gmail.com> Date: Tue, 14 May 2019 18:34:03 +0530 Subject: [PATCH 3/3] learn: fix 'dependenices' typo in GraphQL tutorial --- .../ios-apollo/tutorial-site/content/apollo-client.md | 4 ++-- .../react-apollo/tutorial-site/content/apollo-client.md | 4 ++-- .../tutorial-site/content/subscriptions/1-subscription.md | 2 +- .../tutorial-site/content/apollo-client.md | 2 +- .../tutorial-site/content/subscriptions/1-subscription.md | 2 +- .../vue-apollo/tutorial-site/content/apollo-client.md | 4 ++-- .../tutorial-site/content/subscriptions/1-subscription.md | 2 +- 7 files changed, 10 insertions(+), 10 deletions(-) diff --git a/community/learn/graphql-tutorials/tutorials/ios-apollo/tutorial-site/content/apollo-client.md b/community/learn/graphql-tutorials/tutorials/ios-apollo/tutorial-site/content/apollo-client.md index 9498e89808511..e9283d68e712b 100644 --- a/community/learn/graphql-tutorials/tutorials/ios-apollo/tutorial-site/content/apollo-client.md +++ b/community/learn/graphql-tutorials/tutorials/ios-apollo/tutorial-site/content/apollo-client.md @@ -6,7 +6,7 @@ import GithubLink from '../src/GithubLink.js' Apollo gives a neat abstraction layer and an interface to your GraphQL server. You don't need to worry about constructing your queries with request body, headers and options, that you might have done with `AFNetworking` or `NWConnection` say. You can directly write queries and mutations in GraphQL and they will automatically be sent to your server via your apollo client instance. -Let's get started by installing apollo client framework & peer graphql dependenices: +Let's get started by installing apollo client framework & peer graphql dependencies: - Add github `"apollostack/apollo-ios"` to your Cartfile. - Run `carthage update` @@ -159,4 +159,4 @@ class NetworkManager { } -``` \ No newline at end of file +``` diff --git a/community/learn/graphql-tutorials/tutorials/react-apollo/tutorial-site/content/apollo-client.md b/community/learn/graphql-tutorials/tutorials/react-apollo/tutorial-site/content/apollo-client.md index 731cab96b34fa..449345f83aad2 100644 --- a/community/learn/graphql-tutorials/tutorials/react-apollo/tutorial-site/content/apollo-client.md +++ b/community/learn/graphql-tutorials/tutorials/react-apollo/tutorial-site/content/apollo-client.md @@ -9,7 +9,7 @@ import YoutubeEmbed from "../src/YoutubeEmbed.js"; Apollo gives a neat abstraction layer and an interface to your GraphQL server. You don't need to worry about constructing your queries with request body, headers and options, that you might have done with `axios` or `fetch` say. You can directly write queries and mutations in GraphQL and they will automatically be sent to your server via your apollo client instance. -Let's get started by installing apollo client & peer graphql dependenices: +Let's get started by installing apollo client & peer graphql dependencies: ```bash $ npm install --save apollo-client react-apollo apollo-cache-inmemory apollo-link-http graphql graphql-tag @@ -58,7 +58,7 @@ const App = ({auth}) => { export default App; ``` -These are the required apollo dependenices to get started. Now let's define a function which will return apollo client with httplink and cache. +These are the required apollo dependencies to get started. Now let's define a function which will return apollo client with httplink and cache. ```javascript import ApolloClient from 'apollo-client'; diff --git a/community/learn/graphql-tutorials/tutorials/react-apollo/tutorial-site/content/subscriptions/1-subscription.md b/community/learn/graphql-tutorials/tutorials/react-apollo/tutorial-site/content/subscriptions/1-subscription.md index d1974b694f8aa..c0d4781c25ff0 100644 --- a/community/learn/graphql-tutorials/tutorials/react-apollo/tutorial-site/content/subscriptions/1-subscription.md +++ b/community/learn/graphql-tutorials/tutorials/react-apollo/tutorial-site/content/subscriptions/1-subscription.md @@ -7,7 +7,7 @@ import YoutubeEmbed from "../../src/YoutubeEmbed.js"; -When we had initially set up Apollo, we used Apollo Boost to install the required dependenices. But subscriptions is an advanced use case which Apollo Boost does not support. So we have to install more dependenices to set up subscriptions. +When we had initially set up Apollo, we used Apollo Boost to install the required dependencies. But subscriptions is an advanced use case which Apollo Boost does not support. So we have to install more dependencies to set up subscriptions. ```bash + $ npm install apollo-link-ws subscriptions-transport-ws --save diff --git a/community/learn/graphql-tutorials/tutorials/react-native-apollo/tutorial-site/content/apollo-client.md b/community/learn/graphql-tutorials/tutorials/react-native-apollo/tutorial-site/content/apollo-client.md index 709b0034ec2c5..3e8785ac40926 100644 --- a/community/learn/graphql-tutorials/tutorials/react-native-apollo/tutorial-site/content/apollo-client.md +++ b/community/learn/graphql-tutorials/tutorials/react-native-apollo/tutorial-site/content/apollo-client.md @@ -6,7 +6,7 @@ import GithubLink from "../src/GithubLink.js"; Apollo gives a neat abstraction layer and an interface to your GraphQL server. You don't need to worry about constructing your queries with request body, headers and options, that you might have done with `axios` or `fetch` say. You can directly write queries and mutations in GraphQL and they will automatically be sent to your server via your apollo client instance. -Let's get started by installing apollo client & peer graphql dependenices: +Let's get started by installing apollo client & peer graphql dependencies: ```bash $ npm install --save apollo-client react-apollo apollo-cache-inmemory apollo-link-http graphql graphql-tag diff --git a/community/learn/graphql-tutorials/tutorials/react-native-apollo/tutorial-site/content/subscriptions/1-subscription.md b/community/learn/graphql-tutorials/tutorials/react-native-apollo/tutorial-site/content/subscriptions/1-subscription.md index b81fdb8e7b8ef..7c7c04b37a8a6 100644 --- a/community/learn/graphql-tutorials/tutorials/react-native-apollo/tutorial-site/content/subscriptions/1-subscription.md +++ b/community/learn/graphql-tutorials/tutorials/react-native-apollo/tutorial-site/content/subscriptions/1-subscription.md @@ -4,7 +4,7 @@ title: "Subscription" import GithubLink from "../../src/GithubLink.js"; -When we had initially set up Apollo, we used Apollo Boost to install the required dependenices. But subscriptions is an advanced use case which Apollo Boost does not support. So we have to install more dependenices to set up subscriptions. +When we had initially set up Apollo, we used Apollo Boost to install the required dependencies. But subscriptions is an advanced use case which Apollo Boost does not support. So we have to install more dependencies to set up subscriptions. ```bash + $ npm install apollo-link-ws subscriptions-transport-ws --save diff --git a/community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/content/apollo-client.md b/community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/content/apollo-client.md index 9afa9c42c1cc6..1d2c9afa925f2 100644 --- a/community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/content/apollo-client.md +++ b/community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/content/apollo-client.md @@ -9,7 +9,7 @@ import YoutubeEmbed from "../src/YoutubeEmbed.js"; Apollo gives a neat abstraction layer and an interface to your GraphQL server. You don't need to worry about constructing your queries with request body, headers and options, that you might have done with `axios` or `fetch` say. You can directly write queries and mutations in GraphQL and they will automatically be sent to your server via your apollo client instance. -Let's get started by installing apollo client & peer graphql dependenices: +Let's get started by installing apollo client & peer graphql dependencies: ```bash $ npm install --save vue-apollo graphql apollo-client apollo-link-http apollo-cache-inmemory graphql-tag @@ -64,7 +64,7 @@ Open `src/main.js` and add the following code to create an ApolloClient instance ``` -These are the required apollo dependenices to get started. We have also written a simple utility to get token information to construct the headers. +These are the required apollo dependencies to get started. We have also written a simple utility to get token information to construct the headers. ## Install VueApollo Plugin diff --git a/community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/content/subscriptions/1-subscription.md b/community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/content/subscriptions/1-subscription.md index 7dfd64632b347..3345e49c406c0 100644 --- a/community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/content/subscriptions/1-subscription.md +++ b/community/learn/graphql-tutorials/tutorials/vue-apollo/tutorial-site/content/subscriptions/1-subscription.md @@ -7,7 +7,7 @@ import YoutubeEmbed from "../../src/YoutubeEmbed.js"; -When we had initially set up Apollo, we used Apollo Boost to install the required dependenices. But subscriptions is an advanced use case which Apollo Boost does not support. So we have to install more dependenices to set up subscriptions. +When we had initially set up Apollo, we used Apollo Boost to install the required dependencies. But subscriptions is an advanced use case which Apollo Boost does not support. So we have to install more dependencies to set up subscriptions. ```bash npm install apollo-link-ws subscriptions-transport-ws --save