Публикации по теме 'apollo-client'
Серверный GraphQL с Apollo и NextJS - Часть 2
Ищете отличного (только удаленного) разработчика React? Посетите мой профиль в LinkedIn и поздоровайтесь! 😃
В моей предыдущей статье этой серии мы рассмотрели, как настроить полнофункциональное приложение с использованием GraphQL , Apollo и NextJS , и я закончил обещанием, что в этой статье я буду подробно изучите каждую строку на стороне клиента.
Я постараюсь сократить количество невыполненных обещаний в этом году на 1, а в этом преуспею. Он по-прежнему двузначный, но,..
GraphQL с React.js и Node.js стал проще. (Часть 1 из 2)
В этой статье мы обсудим, как использовать GraphQL при создании простого приложения MERN stack . Мы создадим очень простое приложение для работы с пользовательскими данными, и мы будем использовать GraphQL для запроса данных со стороны сервера на сторону клиента. Чтобы упростить и упорядочить вещи, мы предпримем следующие меры:
Мы не будем заострять внимание на части UI приложения. Это поможет нам сделать код коротким и простым. Это поможет новичкам сосредоточиться только на..
Что такое клиент Apollo и зачем его использовать?
Apollo Client — это полнофункциональный клиент GraphQL для приложений JavaScript, управляемый сообществом, который упрощает получение, управление и обновление данных в клиентском приложении. Он обычно используется в веб-приложениях, особенно в тех, которые используют GraphQL в качестве своего API, для взаимодействия с сервером GraphQL.
Apollo Client предоставляет ряд функций, которые делают его мощным инструментом для управления состоянием и данными в клиентских приложениях. Вот..
HOC Apollo Typescript в React - объяснение!
Машинопись HOC с Apollo довольно сложна. Не знаю, может быть, это только я, но это ...
Это пугает, но это, несомненно, необходимо. Как еще вы хотите, чтобы компилятор проверял ваши свойства внутри и вне упакованного компонента? Так хелпер VSCode описывает функцию graphql из react-apollo. Машинопись не хочет причинять вреда и защищает вас от самого себя.
Я буду развивать и расширять примеры из документации apollo-graphql , потому что в них отсутствуют некоторые варианты..
Вопросы по теме 'apollo-client'
Как исправить ошибку Не удается найти имя IResponse в клиенте Apollo
Вот полный набор ошибок:
ERROR in [at-loader] node_modules/apollo-client/transport/afterware.d.ts:3:15
TS2304: Cannot find name 'IResponse'.
ERROR in [at-loader]...
203 просмотров
schedule
26.01.2024
Как использовать фиктивные данные с React-Apollo для тестов
Я использую response-apollo для создания клиента, который использует GraphQL API, однако я очень застрял в тестировании. Я хочу имитировать сервер, чтобы я мог легко протестировать приложение без необходимости совершать сетевые вызовы.
Я нашел...
7231 просмотров
schedule
11.03.2024
Есть ли пример, когда клиент Apollo и сервер Apollo используются вместе?
Я не нашел примера, когда клиент Apollo и сервер Apollo используются вместе. Мне нужен образец, чтобы лучше изучить и понять.
394 просмотров
schedule
10.12.2022
Кэш клиента apollo обновляется, а пользовательский интерфейс — нет
Мое приложение делает глубокий запрос для получения объекта path по идентификатору и передает результаты через различные реквизиты реакции. Среди прочего, path имеет список steps . Мутация может добавить дополнительные step в список...
1774 просмотров
schedule
09.04.2024
Как получить ссылку на дочерний компонент React Js в родительском компоненте при использовании Apollo Client GraphQL
У меня есть два компонента реакции, дочерний компонент использует клиент Apollo для GraphQL, который обертывает дочерний компонент как компонент более высокого порядка. Я хочу получить доступ к методу дочернего класса, используя ссылку для выполнения...
706 просмотров
schedule
04.12.2023
apollo-link-state: как писать преобразователи запросов?
Я создаю ссылку на состояние со значениями по умолчанию, примерно так:
const stateLink = withClientState({
cache,
resolvers,
defaults: {
quote: {
__typename: 'Quote',
name: '',
phoneNumber: '',
email: '',...
627 просмотров
schedule
23.10.2023
React Select с пользовательским MultiValueContainer и мутацией Apollo, не взаимодействующей
У меня есть пользовательский компонент, который использует Apollo и React-Select и имеет две мутации (см. ниже). Выбор реакции является многозначным и должен быть пользовательским, потому что мне нужен флажок «isSelected». Не показано в этом коде,...
784 просмотров
schedule
09.04.2024
Запрос на чтение из кеша apollo с запросом, который еще не существует, но вся информация уже хранится в кеше
У меня есть конечная точка graphql, где можно ввести этот запрос:
fragment ChildParts {
id
__typename
}
fragment ParentParts {
__typename
id
children {
edges{
node {
...ChildParts
}
}
}
query {
parents...
1051 просмотров
schedule
31.03.2024
Как читатьQuery () и writeQuery () из Vue-Apollo Store?
Я хочу вручную отредактировать некоторые данные в кеше.
Как я могу readQuery() и writeQuery() в vue-apollo прямо из метода компонента Vue? Я ищу что-то вроде this.$apollo.readQuery(...) , которое не работает. Откуда мне взять экземпляр...
1376 просмотров
schedule
14.11.2022
Запрос GraphQL получает данные только один раз после мутации
Я хочу получить запрос userUnpurchasedCourses после выполнения мутации addCourseToOrder, но не могу этого сделать. После добавления одного класса в заказ он получает запрос userUnpurchasedCourses, но если я снова добавлю курс в заказ, запрос не будет...
703 просмотров
schedule
17.09.2022
Мутация массива с помощью Apollo
У меня есть схема на стороне сервера с этим типом мутации
type Mutation {
updateSettings(settings: SettingsInput): Settings
}
input SettingsInput {
repositories: [RepositoryInput]
}
input RepositoryInput {
id: String
name: String
url:...
902 просмотров
schedule
27.05.2024
Как исправить: Angular Apollo-Client возвращает массив вместо идентификатора
У меня проблема с моим клиентом apollo, который я использую в своем приложении angular. Я вызываю graphQL-Query, который возвращает мне следующее:
account: {id: 1}
accountId: 1
contact: {id: 1}
contactId: 1
id: 23
notes: null
resultId: null...
72 просмотров
schedule
30.11.2023
Клиент Apollo удаляет дополнительные результаты из объекта ответа
Мы реализовали наш ответ api graphql следующим образом.
{
data: {...},
skip: 0,
limit: 10,
total: 100,
hasMore: true
}
Если я запрошу наш api через graphiql, ответ будет выглядеть ожидаемым. Но, к сожалению, клиент apollo в...
68 просмотров
schedule
10.12.2022
Как я могу определить тип в запросе gql в Apollo Client?
Мой сервер Apollo имеет следующее определение.
input MinMax{
min:Float
max:Float
}
input ScreenerInput{
fy:Int!
quarter:Int!
ltp:MinMax
eps:MinMax
pe:MinMax
netWorth:MinMax
paidUp:MinMax
reserve:MinMax
netProfit:MinMax
}...
210 просмотров
schedule
30.10.2022
Reactjs Как значение передается с помощью onCompleted () в formik
onCompleted () вызывается в useMutation, потому что я хочу, чтобы open = true (open - это флаг), когда мутация выполняется, значение этого флага должно передаваться в const App (), чтобы отображалось open = {open} и предупреждение. но значение open...
143 просмотров
schedule
18.10.2022
Использование fetchPolicy='cache-and-network' в useQuery в клиенте apollo не обновляет кеш на fetchMore
Я использую apollo-client для своей настройки graphql. У меня есть вызов с разбивкой на страницы, для которого я использую функцию fetchMore , возвращаемую хуком useQuery . В функции fetchMore я использовал ее параметр updateQuery для...
513 просмотров
schedule
14.11.2023
Как динамически настраивать форму (поля) запроса с помощью Apollo graphql?
Я хочу запрашивать только выбранные поля, используя Apollo graphql в java.
Не найдете статьи, в которой показано, как этого добиться.
Я определяю свой запрос в файле .graphql следующим образом:
query getResources{
resources(filterBy: {} )...
543 просмотров
schedule
11.05.2024
Определения типа Apollo игнорируются
Я сделал базовую реализацию ApolloClient :
const gqlClient = new ApolloClient({
connectToDevTools: true,
link: new HttpLink({
uri: "/api",
}),
cache: new InMemoryCache(),
resolvers: {
Group: {
icon:...
19 просмотров
schedule
01.05.2024
Реакция Apollo на перехват useQuery с помощью TypeScript
Я пытаюсь заставить useQuery работать с TypeScript.
Вот мой запрос
export const FETCH_LINKS = gql`
query FetchLinks {
feed {
links {
id
createdAt
url
description
}
}
}
`;
Я сгенерировал...
3051 просмотров
schedule
21.09.2022
Ошибки типа ApolloClient для ApolloLink
Я пытаюсь создать ApolloClient с помощью TypeScript, но есть некоторые ошибки типов, которые я не могу устранить. Может ли кто-нибудь указать мне правильное направление, что делать?
Ниже приведен пример кода (который нормально работает с...
2324 просмотров
schedule
15.11.2023
