JavaScriptures 4.1 - Relay

https://github.com/artsy/javascriptures/tree/master/4_intro-to-relay

Transcript

1. Relay Let there be data in the firmament JavaScriptures IV.I Alloy
2. Why have an API client at all?
3. Description • Provide application code with an interface abstracted away from network/API details • Handle authentication in a single place • Handle caching in a single place • Handle errors in a single place Responsibilities of an API client
4. Relay A framework for data-driven React apps
5. Declare the data your components need with GraphQL, Relay determines how and when to fetch your data. Declarative
6. GraphQL is written next to the views that rely on them. Relay aggregates queries into efficient network requests. Colocation
7. Write GraphQL mutations and Relay offers automatic data consistency, optimistic updates, and error handling. Mutations
8. Relay compiler uses your full GraphQL schema at compile-time to ensure the data consistency Safety
9. Example
10. Competitors