GraphQL, Apollo & React
khriztianmoreno.com
@khriztianmoreno
Cristian Moreno
I'm a community leader and altruistic speaker.
FullStack Javascript Developer
<Commit.fm /> Podcast
https://spoti.fi/2EfgTlu
Youtube
https://bit.ly/2GNFgbH
Global Azure Bootcamp 2019
Hiring!!!
Senior Frontend Developer
GraphQL
khriztianmoreno.com
@khriztianmoreno
2012
GraphQL created at Facebook
2013
React is released
2014
React Native is released
2015
GraphQL is open sourced
Relay Classic is open sourced
2016
New GraphQL website graphql.org
First GraphQL Summit
GitHub announces GraphQL API
2017
Relay Modern 1.0
Apollo Client 2.0
Implementations
Who is using it?
GraphQL
khriztianmoreno.dev
@khriztianmoreno
REST
- It's just a convention.
- The server exposes resources.
- Usually, send more information.
- Multiple requests per view
- Documentation outside development
- It is a typed and validatable language
- The client defines what he receives
- Only what is necessary is sent
- 1 one request per view
- Documentation by definition
GraphQL Schemas and Types
khriztianmoreno.com
@khriztianmoreno
Type System
- Scalar Types: Int, Float, String, Boolean, ID
- Entry points: Query, Mutation, Subscription
khriztianmoreno.com
@khriztianmoreno
Schema Syntax
- Optional: String
- Mandatory: String!
- Arrays: [String]
khriztianmoreno.com
@khriztianmoreno
Apollo Client
khriztianmoreno.com
@khriztianmoreno
Apollo
Cache
Apollo
Link
Apollo Client
khriztianmoreno.com
@khriztianmoreno
Using GraphQL
Why use GraphQL?
- Declarative
- De-coupled from storage
- Validated and structured
- Facilitates Collaboration
- Super fast
Workshop Repository
khriztianmoreno.com
@khriztianmoreno
@khriztianmoreno
Thanks 🙇🏼 🙏🏼 👨🏼💻
