TechPrufer
Get started
Meta
Meta logoMeta · Feature trail

Relay GraphQL framework

3 posts · Sep 2015 – Apr 2017

What this trail covers

Meta's Relay framework has evolved to Relay Modern, a new version designed for improved ease of use, extensibility, and performance, particularly on mobile devices. Key advancements include the adoption of static queries and ahead-of-time optimization for reduced network traffic and faster data fetching, a simplified mutation API for better predictability and performance, and built-in garbage collection for efficient memory management. The framework has been modularized into a compiler, runtime, and client libraries. GraphQL, the underlying query language, was developed to address the limitations of RESTful APIs for mobile data fetching, offering a strongly typed, hierarchical, and version-free approach that mirrors the data shape requested by the client. It powers hundreds of billions of API calls daily and is being open-sourced.

All Meta trails
  1. Relay Modern: Simpler, faster, more extensibleIntroduced Relay Modern, a significant redesign of the Relay framework. Key contributions include: 1. Adoption of static queries, enabling ahead-of-time compilation of GraphQL queries for reduced network overhead and server-side optimization. 2. Ahead-of-time optimization of query artifacts for faster runtime processing. 3. A simplified, explicit mutation API that replaces the unpredictable 'fat query' approach, allowing for precise cache updates and arbitrary logic. 4. Integrated garbage collection for cache eviction to manage memory usage on mobile devices. 5. Modularization of the framework into a compiler, runtime, and React integration layer for increased extensibility.
  2. Facebook Boston tech talk: GraphQLThis post introduces GraphQL as a query language created by Facebook in 2012 to address the data-fetching needs of mobile applications. It highlights GraphQL's flexibility and ease of learning for product developers. The post mentions that GraphQL powers billions of API calls daily and that its subscription feature enables live updates for features like liking and commenting. It also notes the open-sourcing of GraphQL in 2015.
  3. GraphQL: A data query languageThis post introduces GraphQL, a data query language developed at Facebook to address the challenges of mobile application data fetching. It highlights GraphQL's key features: defining a data shape that mirrors the response, hierarchical structure, strong typing, being a protocol not a storage mechanism, introspection capabilities, and being version-free. The post details the motivation for its creation, stemming from the limitations of RESTful APIs and FQL for mobile apps, and its subsequent adoption across Facebook's mobile applications. It also announces the open-sourcing of GraphQL, including a specification and reference implementation.
  4. Relay: Declarative data for React applicationsThis post introduces Relay as a JavaScript framework for React applications to declaratively specify data requirements, enabling efficient batching of network requests and reducing under-fetching and over-fetching. It highlights the benefits of colocation for predictability and performance, and mentions ongoing exploration of caching and further network efficiency improvements. Relay is in use at Facebook.com, messenger.com, and React Native apps.