Show HN: Fate, a new data framework for React and tRPC, inspired by Relay

#1

Post by cpojer » Tue, Dec 09, 2025, 11:14 PM UTC

Show HN: Fate, a new data framework for React and tRPC, inspired by Relay
github.com

Re: Show HN: Fate, a new data framework for React and tRPC, inspired by Relay

#2

Post by Reubend » Wed, Dec 10, 2025, 9:03 AM UTC

This provides plenty of value conceptually, but I wish they were able to push the syntax into a more intuitive place. My biggest gripe with Relay is how forced the syntax feels, and this seems better but still confusing. Take for example this component declaration:

export const PostCard = ({ post: postRef }: { post: ViewRef }) => { ... }

That feels terrible to me! I don't have any suggestion from my side, but I feel like there's got to be a less awkward way.

Re: Show HN: Fate, a new data framework for React and tRPC, inspired by Relay

#3

Post by cpojer » Wed, Dec 10, 2025, 2:04 PM UTC

Reubend wrote: post #2

This provides plenty of value conceptually, but I wish they were able to push the syntax into a more intuitive place. My biggest gripe with Relay is how forced the syntax feels, and this seems better but still confusing. Take for example this component declaration: export const PostCard = ({ post: postRef }: { post: ViewRef }) => { ... } That feels terrible to me! I don't have any suggestion from my side, but I feel…

You don't have to rename the variable. You can also do this:

```

export function PostCard(props: { post: ViewRef }) {

  const post = useView(PostView, props.post);

}

```

If you add a few aliases (that can be easily generated), it becomes this:

```

export function PostCard(props: { post: PostViewRef }) {

  const post = useView(PostView, props.post);

}

```

There are many bits in fate worthy of criticism. Naming and typing React props really isn't one of those.

Re: Show HN: Fate, a new data framework for React and tRPC, inspired by Relay

#4

Post by hombre_fatal » Wed, Dec 10, 2025, 3:22 PM UTC

Reubend wrote: post #2

This provides plenty of value conceptually, but I wish they were able to push the syntax into a more intuitive place. My biggest gripe with Relay is how forced the syntax feels, and this seems better but still confusing. Take for example this component declaration: export const PostCard = ({ post: postRef }: { post: ViewRef }) => { ... } That feels terrible to me! I don't have any suggestion from my side, but I feel…

At least complain about something specific to the project and not generic TypeScript syntax.