Managing data is difficult and sometimes handling JSON APIs can get confusing.  Figuring out endpoints is stressful. GraphQL is here to change that. GraphQL is a query  language that can be implemented in whichever programming language you want.  Thanks to it, we can use a single endpoint to exchange data. Choose your data! No  overfetching! In this workshop we will learn all about GraphQL by building an application  from the server to the client using JavaScript.

1. Let’s talk about
GraphQL

2. Renato Selenica
● A Lazy Developer
● All Things JavaScript
● Angular/React/Node
@renatoselenica

3. Table of Contents
● GraphQL intro
● Differences from RESTful
● Some CODEEE

4. -https://graphql.org/learn/
GraphQL is a query language for your
API, and a server-side runtime for
executing queries by using a type
system you define for your data.

5. GraphQL is a specification.
A set of rules to define how data travels
from the client to the server.

6. -Kensho blog
A visualization of a subset of the
Game of Thrones graph dataset with
compiled GraphQL. Blue vertices
correspond to characters, red
vertices are noble houses, and
orange vertices represent regions in
the Game of Thrones world. Adapted
from the Creative Commons dataset
available at
https://orientdb.com/public-
databases/GamesOfThrones.zip

7. It’s getting really popular

10. But why?

11. api.yourapp.com/users
api.yourapp.com/user/:id
api.yourapp.com/post/:id
api.yourapp.com/posts

12. Call a single endpoint

13. No Overfetching/Underfetching

14. Strongly Typed

15. On the other side...

16. GraphQL is still new

17. A few libraries in the scene

18. Power to the client

19. Prisma

20. Image- https://www.prisma.io/

21. Demo Time

22. https://roadtoreact.com