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

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

Подписки GraphQL с клиентом React и Apollo

В этом видео мы собираемся разработать компонент уведомлений в React с помощью Apollo Client для обработки подписок GraphQL (с хуками Apollo React). В предыдущем посте я поделился Реализация GraphQL API с NestJS . Это будет серверное приложение, которое мы собираемся использовать из нашего компонента уведомлений React. Интерфейсному приложению требуется набор библиотек, подробно описанных ниже. Apollo Link WS и Subscriptions Transport WS позволяют нам использовать..

Лучший способ обработки ошибок и состояний загрузки и их компонентов в Apollo GraphQL.

Apollo Client — одна из многих библиотек управления состоянием в React. Основное внимание уделяется поддержке управления состоянием для бэкэндов на основе GraphQL. Есть много вещей, которые нравятся в Apollo Client, а именно: Декларативный подход Нормализация данных Политики выборки Декларативный способ опроса Декларативный способ повторной загрузки Управление ошибками Управление кешем Все остальное гладко, но обработка состояния загрузки и состояния ошибки и..

Пример минимальной подписки GraphQL с клиентом Apollo: простой чат в LimeGreenJS

Спецификация GraphQL включает подписки в выпуск Июнь 2018 . Чтобы проиллюстрировать, насколько легко создать простой чат с Apollo Client, я привел минимальный пример. В примере используется серверная служба Graphcool. Скриншот Запрос подписки GraphQL Graphcool поддерживает подписки , и вы можете написать запрос подписки следующим образом. subscription Message { Message { mutation node { id createdAt text author } } } subscribeToMore..

Основы кеширования данных в GraphQL

Это руководство с некоторыми из общих шаблонов доступа и управления хранилищем / кешем в React Apollo GraphQL. В качестве примера прочтите https://www.apollographql.com/docs/react/essentials/get-started.html#installation Прямой доступ к кешу Для доступа к кэшу данных вы можете использовать методы класса Apollo Client readQuery , readFragment , writeQuery и writeFragment через интерфейс DataProxy . readQuery readQuery никогда не будет делать запросы к вашему серверу..

Как я научился GraphQL думать как пятилетний ребенок

Предисловие Мы часто слышим фразу «объясни мне, как будто мне 5 лет». Еще вчера я наткнулся на интересный пост от разработчиков с таким заголовком. Некоторое время я хотел написать о том, чтобы «перевернуть» эту фразу, чтобы «подумать об этом, как будто вам пять». Пятилетние дети могут отлично учиться и могут быть экспертами в простом мышлении. Их лаконичность позволяет им быть чрезвычайно эффективными и действенными в получении именно того, чего они хотят. По мере того, как мы..

Практическое руководство: компонент Split React

Для большинства юных пользователей React, как и когда разделять элемент React, является сложным вопросом. В обозримом будущем основная группа разработчиков React хочет полностью «функционализировать» структуру компонентов (см. Https://reactjs.org/docs/hooks-state.html). С помощью библиотеки конечных автоматов (например, Redux, Apollo Client…) мы можем вернуть React к его исходному предназначению - библиотеке уровня представления. В структуре MVC React определен для обработки рендеринга на..

Подписки Сервер/Клиент Apollo (React)

Подписка с использованием Apollo Server/Client(React) для реактивности Подписки — это операции GraphQL, которые отслеживают события, исходящие от сервера Apollo. Подписки используются для процесса реактивности . Все интеграции, поддерживающие HTTP-серверы, такие как Express и Hapi, также предоставляют подписки на GraphQL. Подписки — это функция GraphQL, позволяющая серверу отправлять данные своим клиентам, когда происходит определенное событие . Подписки с Аполлоном Подписки..