Enviar búsqueda
Cargar
Building a Realtime Chat with React & GraphQL Subscriptions
•
1 recomendación
•
860 vistas
Nikolas Burk
Seguir
Sample code: https://github.com/nikolasburk/graphql-chat/
Leer menos
Leer más
Software
Denunciar
Compartir
Denunciar
Compartir
1 de 25
Descargar ahora
Descargar para leer sin conexión
Recomendados
GraphQL Subscriptions
GraphQL Subscriptions
Nikolas Burk
Building a Realtime Chat with React Native (Expo) & GraphQL Subscriptions
Building a Realtime Chat with React Native (Expo) & GraphQL Subscriptions
Nikolas Burk
Diving into GraphQL, React & Apollo
Diving into GraphQL, React & Apollo
Nikolas Burk
The Serverless GraphQL Backend Architecture
The Serverless GraphQL Backend Architecture
Nikolas Burk
REST in Peace - Using GraphQL with Apollo on iOS
REST in Peace - Using GraphQL with Apollo on iOS
Nikolas Burk
Authentication, Authorization & Error Handling with GraphQL
Authentication, Authorization & Error Handling with GraphQL
Nikolas Burk
Building Serverless GraphQL Backends
Building Serverless GraphQL Backends
Nikolas Burk
Austin Day of Rest - Introduction
Austin Day of Rest - Introduction
HandsOnWP.com
Recomendados
GraphQL Subscriptions
GraphQL Subscriptions
Nikolas Burk
Building a Realtime Chat with React Native (Expo) & GraphQL Subscriptions
Building a Realtime Chat with React Native (Expo) & GraphQL Subscriptions
Nikolas Burk
Diving into GraphQL, React & Apollo
Diving into GraphQL, React & Apollo
Nikolas Burk
The Serverless GraphQL Backend Architecture
The Serverless GraphQL Backend Architecture
Nikolas Burk
REST in Peace - Using GraphQL with Apollo on iOS
REST in Peace - Using GraphQL with Apollo on iOS
Nikolas Burk
Authentication, Authorization & Error Handling with GraphQL
Authentication, Authorization & Error Handling with GraphQL
Nikolas Burk
Building Serverless GraphQL Backends
Building Serverless GraphQL Backends
Nikolas Burk
Austin Day of Rest - Introduction
Austin Day of Rest - Introduction
HandsOnWP.com
Document Model for High Speed Spark Processing
Document Model for High Speed Spark Processing
MongoDB
Hack angular wildly
Hack angular wildly
Todd Warren
Log File Analysis: The most powerful tool in your SEO toolkit
Log File Analysis: The most powerful tool in your SEO toolkit
Tom Bennet
Using server logs to your advantage
Using server logs to your advantage
Alexandra Johnson
Building your first app with MongoDB
Building your first app with MongoDB
Norberto Leite
Creating 3rd Generation Web APIs with Hydra
Creating 3rd Generation Web APIs with Hydra
Markus Lanthaler
MongoDB.local Seattle 2019: Building Your First MongoDB App Using Atlas & Stitch
MongoDB.local Seattle 2019: Building Your First MongoDB App Using Atlas & Stitch
MongoDB
Beautiful REST+JSON APIs with Ion
Beautiful REST+JSON APIs with Ion
Stormpath
Building Beautiful REST APIs in ASP.NET Core
Building Beautiful REST APIs in ASP.NET Core
Nate Barbettini
Building Beautiful REST APIs in ASP.NET Core
Building Beautiful REST APIs in ASP.NET Core
Stormpath
Server Logs: After Excel Fails
Server Logs: After Excel Fails
Oliver Mason
How Thermo Fisher Is Reducing Mass Spectrometry Experiment Times from Days to...
How Thermo Fisher Is Reducing Mass Spectrometry Experiment Times from Days to...
MongoDB
MongoDB and Hadoop: Driving Business Insights
MongoDB and Hadoop: Driving Business Insights
MongoDB
On the Persistence of Persistent Identifiers of the Scholarly Web
On the Persistence of Persistent Identifiers of the Scholarly Web
Martin Klein
Spark and MongoDB
Spark and MongoDB
Norberto Leite
MongoDB Days Silicon Valley: Winning the Dreamforce Hackathon with MongoDB
MongoDB Days Silicon Valley: Winning the Dreamforce Hackathon with MongoDB
MongoDB
Content Management with MongoDB by Mark Helmstetter
Content Management with MongoDB by Mark Helmstetter
MongoDB
MongoDB Days Silicon Valley: Introducing MongoDB 3.2
MongoDB Days Silicon Valley: Introducing MongoDB 3.2
MongoDB
React & GraphQL
React & GraphQL
Nikolas Burk
GraphQL with Spring Boot
GraphQL with Spring Boot
Krzysztof Pawlowski
Better APIs with GraphQL
Better APIs with GraphQL
Josh Price
Building and deploying GraphQL Servers with AWS Lambda and Prisma I AWS Dev D...
Building and deploying GraphQL Servers with AWS Lambda and Prisma I AWS Dev D...
AWS Germany
Más contenido relacionado
La actualidad más candente
Document Model for High Speed Spark Processing
Document Model for High Speed Spark Processing
MongoDB
Hack angular wildly
Hack angular wildly
Todd Warren
Log File Analysis: The most powerful tool in your SEO toolkit
Log File Analysis: The most powerful tool in your SEO toolkit
Tom Bennet
Using server logs to your advantage
Using server logs to your advantage
Alexandra Johnson
Building your first app with MongoDB
Building your first app with MongoDB
Norberto Leite
Creating 3rd Generation Web APIs with Hydra
Creating 3rd Generation Web APIs with Hydra
Markus Lanthaler
MongoDB.local Seattle 2019: Building Your First MongoDB App Using Atlas & Stitch
MongoDB.local Seattle 2019: Building Your First MongoDB App Using Atlas & Stitch
MongoDB
Beautiful REST+JSON APIs with Ion
Beautiful REST+JSON APIs with Ion
Stormpath
Building Beautiful REST APIs in ASP.NET Core
Building Beautiful REST APIs in ASP.NET Core
Nate Barbettini
Building Beautiful REST APIs in ASP.NET Core
Building Beautiful REST APIs in ASP.NET Core
Stormpath
Server Logs: After Excel Fails
Server Logs: After Excel Fails
Oliver Mason
How Thermo Fisher Is Reducing Mass Spectrometry Experiment Times from Days to...
How Thermo Fisher Is Reducing Mass Spectrometry Experiment Times from Days to...
MongoDB
MongoDB and Hadoop: Driving Business Insights
MongoDB and Hadoop: Driving Business Insights
MongoDB
On the Persistence of Persistent Identifiers of the Scholarly Web
On the Persistence of Persistent Identifiers of the Scholarly Web
Martin Klein
Spark and MongoDB
Spark and MongoDB
Norberto Leite
MongoDB Days Silicon Valley: Winning the Dreamforce Hackathon with MongoDB
MongoDB Days Silicon Valley: Winning the Dreamforce Hackathon with MongoDB
MongoDB
Content Management with MongoDB by Mark Helmstetter
Content Management with MongoDB by Mark Helmstetter
MongoDB
MongoDB Days Silicon Valley: Introducing MongoDB 3.2
MongoDB Days Silicon Valley: Introducing MongoDB 3.2
MongoDB
La actualidad más candente
(18)
Document Model for High Speed Spark Processing
Document Model for High Speed Spark Processing
Hack angular wildly
Hack angular wildly
Log File Analysis: The most powerful tool in your SEO toolkit
Log File Analysis: The most powerful tool in your SEO toolkit
Using server logs to your advantage
Using server logs to your advantage
Building your first app with MongoDB
Building your first app with MongoDB
Creating 3rd Generation Web APIs with Hydra
Creating 3rd Generation Web APIs with Hydra
MongoDB.local Seattle 2019: Building Your First MongoDB App Using Atlas & Stitch
MongoDB.local Seattle 2019: Building Your First MongoDB App Using Atlas & Stitch
Beautiful REST+JSON APIs with Ion
Beautiful REST+JSON APIs with Ion
Building Beautiful REST APIs in ASP.NET Core
Building Beautiful REST APIs in ASP.NET Core
Building Beautiful REST APIs in ASP.NET Core
Building Beautiful REST APIs in ASP.NET Core
Server Logs: After Excel Fails
Server Logs: After Excel Fails
How Thermo Fisher Is Reducing Mass Spectrometry Experiment Times from Days to...
How Thermo Fisher Is Reducing Mass Spectrometry Experiment Times from Days to...
MongoDB and Hadoop: Driving Business Insights
MongoDB and Hadoop: Driving Business Insights
On the Persistence of Persistent Identifiers of the Scholarly Web
On the Persistence of Persistent Identifiers of the Scholarly Web
Spark and MongoDB
Spark and MongoDB
MongoDB Days Silicon Valley: Winning the Dreamforce Hackathon with MongoDB
MongoDB Days Silicon Valley: Winning the Dreamforce Hackathon with MongoDB
Content Management with MongoDB by Mark Helmstetter
Content Management with MongoDB by Mark Helmstetter
MongoDB Days Silicon Valley: Introducing MongoDB 3.2
MongoDB Days Silicon Valley: Introducing MongoDB 3.2
Similar a Building a Realtime Chat with React & GraphQL Subscriptions
React & GraphQL
React & GraphQL
Nikolas Burk
GraphQL with Spring Boot
GraphQL with Spring Boot
Krzysztof Pawlowski
Better APIs with GraphQL
Better APIs with GraphQL
Josh Price
Building and deploying GraphQL Servers with AWS Lambda and Prisma I AWS Dev D...
Building and deploying GraphQL Servers with AWS Lambda and Prisma I AWS Dev D...
AWS Germany
GraphQL Schema Stitching with Prisma & Contentful
GraphQL Schema Stitching with Prisma & Contentful
Nikolas Burk
Conceptos básicos. seminario web 3 : Diseño de esquema pensado para documentos
Conceptos básicos. seminario web 3 : Diseño de esquema pensado para documentos
MongoDB
Is GraphQL Really Self-documenting?
Is GraphQL Really Self-documenting?
Pronovix
JSON-LD: JSON for Linked Data
JSON-LD: JSON for Linked Data
Gregg Kellogg
Demystifying NoSQL - All Things Open - October 2020
Demystifying NoSQL - All Things Open - October 2020
Matthew Groves
GraphQL - when REST API is to less - lessons learned
GraphQL - when REST API is to less - lessons learned
MarcinStachniuk
Back to Basics Webinar 3 - Thinking in Documents
Back to Basics Webinar 3 - Thinking in Documents
Joe Drumgoole
Couchdb List and Show Introduction
Couchdb List and Show Introduction
Oliver Kurowski
Back to Basics Webinar 3: Schema Design Thinking in Documents
Back to Basics Webinar 3: Schema Design Thinking in Documents
MongoDB
MongoDB.local Berlin: Building a GraphQL API with MongoDB, Prisma and Typescript
MongoDB.local Berlin: Building a GraphQL API with MongoDB, Prisma and Typescript
MongoDB
Elasticsearch: You know, for search! and more!
Elasticsearch: You know, for search! and more!
Philips Kokoh Prasetyo
Building GraphQL Servers with Node.JS & Prisma
Building GraphQL Servers with Node.JS & Prisma
Nikolas Burk
GraphQL - when REST API is to less - lessons learned
GraphQL - when REST API is to less - lessons learned
MarcinStachniuk
FIFA fails, Guy Kawasaki and real estate in SF - find out about all three by ...
FIFA fails, Guy Kawasaki and real estate in SF - find out about all three by ...
Elżbieta Bednarek
mongoDB at Visibiz
mongoDB at Visibiz
Mike Brocious
[DevCrowd] GraphQL - gdy API RESTowe to za mało
[DevCrowd] GraphQL - gdy API RESTowe to za mało
MarcinStachniuk
Similar a Building a Realtime Chat with React & GraphQL Subscriptions
(20)
React & GraphQL
React & GraphQL
GraphQL with Spring Boot
GraphQL with Spring Boot
Better APIs with GraphQL
Better APIs with GraphQL
Building and deploying GraphQL Servers with AWS Lambda and Prisma I AWS Dev D...
Building and deploying GraphQL Servers with AWS Lambda and Prisma I AWS Dev D...
GraphQL Schema Stitching with Prisma & Contentful
GraphQL Schema Stitching with Prisma & Contentful
Conceptos básicos. seminario web 3 : Diseño de esquema pensado para documentos
Conceptos básicos. seminario web 3 : Diseño de esquema pensado para documentos
Is GraphQL Really Self-documenting?
Is GraphQL Really Self-documenting?
JSON-LD: JSON for Linked Data
JSON-LD: JSON for Linked Data
Demystifying NoSQL - All Things Open - October 2020
Demystifying NoSQL - All Things Open - October 2020
GraphQL - when REST API is to less - lessons learned
GraphQL - when REST API is to less - lessons learned
Back to Basics Webinar 3 - Thinking in Documents
Back to Basics Webinar 3 - Thinking in Documents
Couchdb List and Show Introduction
Couchdb List and Show Introduction
Back to Basics Webinar 3: Schema Design Thinking in Documents
Back to Basics Webinar 3: Schema Design Thinking in Documents
MongoDB.local Berlin: Building a GraphQL API with MongoDB, Prisma and Typescript
MongoDB.local Berlin: Building a GraphQL API with MongoDB, Prisma and Typescript
Elasticsearch: You know, for search! and more!
Elasticsearch: You know, for search! and more!
Building GraphQL Servers with Node.JS & Prisma
Building GraphQL Servers with Node.JS & Prisma
GraphQL - when REST API is to less - lessons learned
GraphQL - when REST API is to less - lessons learned
FIFA fails, Guy Kawasaki and real estate in SF - find out about all three by ...
FIFA fails, Guy Kawasaki and real estate in SF - find out about all three by ...
mongoDB at Visibiz
mongoDB at Visibiz
[DevCrowd] GraphQL - gdy API RESTowe to za mało
[DevCrowd] GraphQL - gdy API RESTowe to za mało
Más de Nikolas Burk
Next-generation API Development with GraphQL and Prisma
Next-generation API Development with GraphQL and Prisma
Nikolas Burk
Code-first GraphQL Server Development with Prisma
Code-first GraphQL Server Development with Prisma
Nikolas Burk
GraphQL & Prisma from Scratch
GraphQL & Prisma from Scratch
Nikolas Burk
Managing GraphQL servers with AWS Fargate & Prisma Cloud
Managing GraphQL servers with AWS Fargate & Prisma Cloud
Nikolas Burk
The GraphQL Ecosystem in 2018
The GraphQL Ecosystem in 2018
Nikolas Burk
State Management & Unidirectional Data Flow
State Management & Unidirectional Data Flow
Nikolas Burk
Getting Started with Relay Modern
Getting Started with Relay Modern
Nikolas Burk
Más de Nikolas Burk
(7)
Next-generation API Development with GraphQL and Prisma
Next-generation API Development with GraphQL and Prisma
Code-first GraphQL Server Development with Prisma
Code-first GraphQL Server Development with Prisma
GraphQL & Prisma from Scratch
GraphQL & Prisma from Scratch
Managing GraphQL servers with AWS Fargate & Prisma Cloud
Managing GraphQL servers with AWS Fargate & Prisma Cloud
The GraphQL Ecosystem in 2018
The GraphQL Ecosystem in 2018
State Management & Unidirectional Data Flow
State Management & Unidirectional Data Flow
Getting Started with Relay Modern
Getting Started with Relay Modern
Último
%in Harare+277-882-255-28 abortion pills for sale in Harare
%in Harare+277-882-255-28 abortion pills for sale in Harare
masabamasaba
Exploring the Best Video Editing App.pdf
Exploring the Best Video Editing App.pdf
proinshot.com
Direct Style Effect Systems -The Print[A] Example- A Comprehension Aid
Direct Style Effect Systems -The Print[A] Example- A Comprehension Aid
Philip Schwarz
SHRMPro HRMS Software Solutions Presentation
SHRMPro HRMS Software Solutions Presentation
Shrmpro
Define the academic and professional writing..pdf
Define the academic and professional writing..pdf
PearlKirahMaeRagusta1
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
VishalKumarJha10
Architecture decision records - How not to get lost in the past
Architecture decision records - How not to get lost in the past
Papp Krisztián
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
masabamasaba
TECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service provider
mohitmore19
Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...
Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...
SelfMade bd
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
masabamasaba
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
kalichargn70th171
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
panagenda
%in tembisa+277-882-255-28 abortion pills for sale in tembisa
%in tembisa+277-882-255-28 abortion pills for sale in tembisa
masabamasaba
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
masabamasaba
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
masabamasaba
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
harshavardhanraghave
The Top App Development Trends Shaping the Industry in 2024-25 .pdf
The Top App Development Trends Shaping the Industry in 2024-25 .pdf
ayushiqss
Announcing Codolex 2.0 from GDK Software
Announcing Codolex 2.0 from GDK Software
Jim McKeeth
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
Delhi Call girls
Último
(20)
%in Harare+277-882-255-28 abortion pills for sale in Harare
%in Harare+277-882-255-28 abortion pills for sale in Harare
Exploring the Best Video Editing App.pdf
Exploring the Best Video Editing App.pdf
Direct Style Effect Systems -The Print[A] Example- A Comprehension Aid
Direct Style Effect Systems -The Print[A] Example- A Comprehension Aid
SHRMPro HRMS Software Solutions Presentation
SHRMPro HRMS Software Solutions Presentation
Define the academic and professional writing..pdf
Define the academic and professional writing..pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf
Architecture decision records - How not to get lost in the past
Architecture decision records - How not to get lost in the past
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
%+27788225528 love spells in Colorado Springs Psychic Readings, Attraction sp...
TECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service provider
Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...
Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
%in kaalfontein+277-882-255-28 abortion pills for sale in kaalfontein
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
The Ultimate Test Automation Guide_ Best Practices and Tips.pdf
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
W01_panagenda_Navigating-the-Future-with-The-Hitchhikers-Guide-to-Notes-and-D...
%in tembisa+277-882-255-28 abortion pills for sale in tembisa
%in tembisa+277-882-255-28 abortion pills for sale in tembisa
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
%+27788225528 love spells in Atlanta Psychic Readings, Attraction spells,Brin...
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
%in Bahrain+277-882-255-28 abortion pills for sale in Bahrain
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
Reassessing the Bedrock of Clinical Function Models: An Examination of Large ...
The Top App Development Trends Shaping the Industry in 2024-25 .pdf
The Top App Development Trends Shaping the Industry in 2024-25 .pdf
Announcing Codolex 2.0 from GDK Software
Announcing Codolex 2.0 from GDK Software
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
Building a Realtime Chat with React & GraphQL Subscriptions
1.
Building a Realtime
Chat with React & GraphQL Subscriptions 💬
2.
Nikolas Burk 👋 Developer
at Graphcool $ whoami @nikolasburk
3.
Launch Week 🚀 Product
Hunt > 850 upvotesHacker News #1
4.
Agenda 1. GraphQL Introduction 2.
Realtime with GraphQL Subscriptions 3. DEMO @nikolasburk
5.
What’s GraphQL? • new
API standard • developed & open-sourced by Facebook • declarative way of fetching & updating data @nikolasburk
6.
Schema … defines the
data model type Message { text: String! sentBy: Person } type Person { name: String! messages: [Message!]! } @nikolasburk
7.
Queries … only read
data Message(id: “1”) { text sentBy { name } } { “data”: { “Message”: { “text”: “Hello 😎”, “sentBy”: { “name”: “Sarah” } } } } @nikolasburk
8.
Queries … only read
data Message(id: “1”) { text sentBy { name } } { “data”: { “Message”: { “text”: “Hello 😎”, “sentBy”: { “name”: “Sarah” } } } } @nikolasburk
9.
Queries … only read
data Message(id: “1”) { text sentBy { name } } { “data”: { “Message”: { “text”: “Hello 😎”, “sentBy”: { “name”: “Sarah” } } } } @nikolasburk
10.
Mutations … write and
read data mutation { createMessage(text:“Greetings 👋”) { id } } { “data”: { “createMessage”: { “id”: “3”, } } } @nikolasburk
11.
Mutations … write and
read data mutation { createMessage(text:“Greetings 👋”) { id } } { “data”: { “createMessage”: { “id”: “3”, } } } @nikolasburk
12.
Mutations … write and
read data mutation { createMessage(text:“Greetings 👋”) { id } } { “data”: { “createMessage”: { “id”: “3”, } } } @nikolasburk
13.
GraphQL Subscriptions ⚡ •
event-based realtime updates • clients subscribe to specific events • usually implemented with websockets @nikolasburk
14.
Let’s play …with GraphQL
Playgrounds ▷
15.
Frontend Apollo Client for
… … networking … caching … subscriptions create-react-app
16.
React Components Chat
17.
React Components ChatMessages
18.
React Components ChatMessage
19.
React Components ChatInput
20.
Community 🙌 • GraphQL
Berlin Meetup • slack.graph.cool (> 2000 members) • GraphQL Weekly & GraphQL Radio
21.
GraphQL-Europe • This Sunday!
(May 21) • Tickets: www.graphql-europe.org
22.
23.
20% discount code “berlinjs”
24.
We’re hiring! www.graph.cool/jobs
25.
Thank you! 🙇 …
any questions?
Descargar ahora