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


  • 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


What are Scalar types

  • Serialize


  • parseValue


  • parseLiteral

GraphQL Scalars


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


Fun time

360-degree GraphQL tooling

By Vilva Athiban

360-degree GraphQL tooling

  • 60