A modern data client for React & tRPC

Inspired by Relay and GraphQL, fate combines view composition, normalized caching, data masking, Async React features, and tRPC's type safety.

Get Started

API Documentation

View on GitHub

🎑

View Composition

Components declare their data requirements using co-located "views". Views are composed into a single request per screen, minimizing network requests and eliminating waterfalls.

Thinking in Views

🗄️

Normalized Cache

fate maintains a normalized cache for all fetched data. This enables efficient data updates through actions and mutations and avoids stale or duplicated data.

Conventions & Object Identity

🥽

Data Masking & Strict Selection

fate enforces strict data selection for each view, and masks (hides) data that components did not request. This prevents accidental coupling between components and reduces overfetching.

Data Masking

⚛️

Async React

fate uses modern Async React features like Actions, Suspense, and `use` to support concurrent rendering and enable a seamless user experience.

Actions in fate

📜

Lists & Pagination

fate provides built-in support for connection-style lists with cursor-based pagination, making it easy to implement infinite scrolling and "load-more" functionality.

Lists & Pagination

🚅

Optimistic Updates

fate supports declarative optimistic updates for mutations, allowing the UI to update immediately while the server request is in-flight. If the request fails, the cache and its associated views are rolled back to their previous state.

Optimistic Updates

✨

AI-Ready

fate's minimal, predictable API and explicit data selection enable local reasoning, allowing AI tools to generate stable, type-safe data-fetching code.

AGENTS.md

🛠️

Open Source

fate is an MIT-licensed open-source project developed and maintained by Nakazawa Tech.

GitHub