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