360-degree GraphQL Tooling
Workshop by Vilva Athiban

React India
About Me
- Works @ Omio, Berlin
- OSS is love
- Creator of styled-wind, hql-tag etc
- Seasonal Blogger, YouTuber
- Love to teach
- Current Project: Sky diving license
- Interests: Travel, adventure, code, food
AGENDA
- Code Generator - Server
- Code Generator - UI
- GraphQL Modules
- Scalars
- Sofa
- Q/A
- Fun time
Avengers Assemble

Code Generator

GraphQL Code Generator is a CLI tool that can generate TypeScript typings out of a GraphQL schema.
GraphQL Code Generator was built to address exactly that. By analyzing the schema and parsing it, GraphQL Code Generator can output code at a wide variety of formats, based on pre-defined plugins or based on custom user-defined ones.

How it works
Codegen for Servers
Codegen for UI
GraphQL Modules

GraphQL Modules is a utility library, allowing you to separate your GraphQL schema implementation into small, reusable, easy-to-implement and easy-to-test pieces.
In GraphQL Modules, each module has its own GraphQL type definitions and resolver implementations.
How it works

Scalars

What are Scalar types
- Serialize
- parseValue
- parseLiteral
GraphQL Scalars
Sofa

Sofa takes your GraphQL Schema, looks for available queries, mutations and subscriptions and turns all of that into REST API.
OpenAPI (Swagger) is also been supported
So simple and powerful
Q&A
Fun time
360-degree GraphQL tooling
By Vilva Athiban
360-degree GraphQL tooling
- 257