разница между @apollo / client, apollo-client и apollo boost

#graphql #react-apollo #apollo-client #apollo-boost

#graphql #реагировать-apollo #apollo-клиент #apollo-boost

Вопрос:

Я реализую using @apollo/client , но я не вижу ни одного полного примера @apollo/client with react . Если я выполняю поиск, я получаю пример с apollo-client и apollo boost .

В чем разница между всеми 3.Я понимаю @apollo/client , что это новая версия all. Где я могу получить полный пример @apollo/client с react приложением?

 import { ApolloClient, InMemoryCache, ApolloLink, createHttpLink, defaultDataIdFromObject } from '@apollo/client';
import { ApolloClient, InMemoryCache, ApolloLink } from 'apollo-boost';
  

Ответ №1:

Просто чтобы добавить к уже опубликованному ответу для тех, кто интересуется, следует ли им по-прежнему использовать Boost.

Из документов:

Проект Apollo Boost в настоящее время закрыт, поскольку Apollo Client 3.0 обеспечивает аналогичную простую настройку. Мы рекомендуем удалить все зависимости apollo-boost и при необходимости изменить ваш конструктор ApolloClient.

Ответ №2:

  • apollo-boost

Apollo Boost включает в себя некоторые пакеты, которые, по нашему мнению, необходимы для разработки с Apollo Client. Вот что в коробке:

  • apollo-client : Где происходит все волшебство
  • apollo-cache-inmemory : Наш рекомендуемый кэш
  • apollo-link-http : Ссылка Apollo для удаленной выборки данных
  • apollo-link-error : Ссылка на Apollo для обработки ошибок
  • graphql-tag : Экспортирует функцию gql для ваших запросов и мутаций

Потрясающая особенность Apollo Boost в том, что вам не нужно ничего настраивать самостоятельно! Просто укажите несколько параметров, если вы хотите использовать эти функции, и мы позаботимся об остальном. Для получения полного списка доступных опций, пожалуйста, обратитесь к документации параметров конфигурации Apollo Boost .

посмотрите, что есть в Apollo Boost

  • apollo-клиент

Старая версия (ниже 3.x) apollo client

  • @apollo /client

Последняя версия (3.x ) apollo client опубликована как пакеты с ограниченной областью действия

Проверьте официальный пример начала работы

Комментарии:

1. я получаю эту ошибку. Реагирующий хук «useQuery» вызывается в функции «getData», которая не является ни компонентом функции React, ни пользовательской функцией React-хуков react-hooks / rules-of-hooks. Я использую тот же файл package.json из примера ссылки. Я запустил ссылку exmaple, которую вы дали, она работает нормально. Я создал приложение с помощью yarn create-reactapp. это что-то вызывает эту проблему?