Relay modern with routing example

Question

Relay modern with routing example

Closed this issue 7 years ago · 7 comments

Is there an example app that uses Relay Modern with some sort of routing in between pages? If not, is there another repo where I can find something similar?

Answer 1 · 2017-06-19T16:32:40.000Z

See https://github.com/taion/relay-todomvc, specifically https://github.com/taion/relay-todomvc/tree/found-modern (Relay Modern) and https://github.com/taion/relay-todomvc/tree/found-modern-universal (Relay Modern + SSR).

Answer 2 · 2017-06-23T08:26:04.000Z

thanks for the example, I'm searching a route library too.
the isomophic-relay-router used previously

Answer 3 · 2017-06-23T12:44:19.000Z

I think @taion was pointing at 'Found' as the route library. Also, I am using relay modern with react router 4 without issue. Granted the app I'm using it on isn't huge so there may be some hurdles with a large app.

Answer 4 · 2017-06-23T13:53:27.000Z

That's correct. Use Found. RRv4 doesn't give you a good way to handle nested queries.

Answer 5 · 2017-06-23T14:49:37.000Z

Could you elaborate on that, what is the issue you are thinking of?

Answer 6 · 2017-06-23T15:23:05.000Z

If you need to nest routes that require Relay data, with RRv4, you're stuck nesting <QueryRenderer>s, which (1) gives you request waterfalls and (2) doesn't easily allow SSR.

Answer 7 · 2017-06-23T15:45:56.000Z

Ah, I see. Yeah, my routes just end up looking like this:

<Route
  path={"/nested/:thingId/thing"}
  component={props => <Thing data={data} {...props} />}
/>

And that is how I orchestrate my fragment containers.