Relay for Angular

lorenzo di giacomo
11 min readSep 24, 2020
Photo by Drew Graham on Unsplash

Hi everyone, today I want to introduce you to relay-angular, an innovative and young library that I consider very stable thanks to the experience I had with Relay in creating react-relay-offline and relay-hooks libraries.

I admit I’m not Angular’s biggest fan but creating this library allowed me to appreciate many of its aspects and realize that Relay and Angular are a great match!

Let’s start with a brief description of the three main components:

Angular

Build performant and progressive Angular applications.

Angular is a platform and framework for building single-page client applications using HTML and TypeScript. Angular is written in TypeScript. It implements core and optional functionality as a set of TypeScript libraries that you import into your apps.

Relay

The production-ready GraphQL client.

Relay is a JavaScript framework for building data-driven React applications powered by GraphQL, designed from the ground up to be easy to use, extensible and, most of all, performant. Relay accomplishes this with static queries and ahead-of-time code generation.

Relay Modern is composed of three core modules and one babel plugin:

--

--

lorenzo di giacomo

Creator of Relay Hooks, React Relay Offline, Relay Angular & Wora. Solution Architect of enterprise applications in cloud native and j2ee environments