Публикации по теме 'apollo-client'


Поиск по полученным данным API Рика и Морти с использованием React
В этой статье будет продемонстрировано, как реализовать функцию поиска по полученному набору данных. Эта функция позволит нам искать все символы, доступные через API. Примечание . Эта статья является продолжением статьи Извлечение данных с помощью apollo-client в React из GraphQL API . Что мы строим. Поведение, которого мы хотим добиться, заключается в том, что когда пользователь вводит имя персонажа в поле поиска и нажимает кнопку «Отправить», этот символ отображается на..
Как 1 строка кода сократила время загрузки моего приложения в 4 раза
Недавно я работал над функцией, которая включала запуск вызова graphQL с помощью Apollo Client , и я заметил, что после повторного посещения страницы мне приходилось ждать пару секунд для получения данных. Подождите, разве его нельзя извлечь из кеша? Я проверил, и все казалось в порядке. Вот код, который я использовал. const { loading, error, data } = useQuery(GET_DOGS, { fetchPolicy: "cache-and-network", }); if(loading) return <p>Loading...</p> if(error)..
Клиент Apollo против Redux: уроки и опыт
Постоянно меняющийся мир фронтенд-разработки продолжает развиваться и внедрять множество различных библиотек для решения ваших задач. Поскольку популярность GraphQL продолжает расти, инструменты и библиотеки, окружающие его, также меняются. Недавно я помогал писать новое приложение, которое взаимодействовало исключительно с серверной частью GraphQL, и использовал для взаимодействия клиент Apollo (AC) вместо Redux в нашем внешнем приложении React. Ранее я написал много приложений на..
Когда Apollo Cache встречается с BroadcastChannel
Недавно я наткнулся на BroadcastChannel и понял, насколько это круто. Благодаря своей простоте он отлично подходит и делает ServiceWorker излишним во многих сценариях. Одна интересная вещь, которую мы можем сделать с помощью BroadcastChannel, — это открыть общий кэш Apollo среди всех вкладок и окон одного и того же веб-приложения. Нам не нужно, чтобы весь Apollo Cache был разделен между вкладками по-настоящему, чтобы быть счастливым, но было бы достаточно только поделиться хранилищем..
Имитировать ваш GraphQL-сервер стало проще с gql-mock-server
ОБНОВЛЕНИЕ: достаточно легко создать макет сервера с включенным CORS, используя непосредственно библиотеку Apollo Server , поэтому я решил отказаться от этой библиотеки. Не так давно я пытался придумать, как заставить React и GraphQL хорошо работать вместе. Я хотел создать пару приложений для реагирования, чтобы узнать разницу между Relay Modern и React-Apollo . В этом процессе я столкнулся с необходимостью имитировать сервер GraphQL. Мне нужно было довольно просто:..
onSuccess() для хуков Apollo React
Давайте согласимся, что мы ❤ используем крючки React, и использование крючков Apollo React работает как шарм. Недавно работая над проектом с React и GraphQL, моя команда почувствовала необходимость иметь обратный вызов onSuccess() в дополнение к параметрам onError() и onCompleted(). Потратив несколько часов на отладку, я обнаружил, что onCompleted() работает по-разному в зависимости от errorPolicy. не зависит от того, есть ли успешный ответ. также вызывается, когда сервер..
Сила GraphQL с RESTful API: знакомьтесь с Hypnos
Настольное приложение для изолирования GraphQL-подобных вызовов и ответов конечным точкам RESTful API Трудно говорить о GraphQL или Apollo , не говоря о другом. С момента своего основания в 2016 году Apollo стал одним из ведущих клиентов, которые используют GraphQL в приложении. Airbnb , Audi, CNBC и Expedia входят в число инженерных команд, которые Apollo рекламирует как внедряющие его технологию. GraphQL славится своей скоростью и декларативными запросами; В отличие от..