Публикации по теме '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, позволяющая серверу отправлять данные своим клиентам, когда происходит определенное событие .
Подписки с Аполлоном
Подписки..