react-router-relay

Automatically gathers queries from all active routes into a single Relay query config, enabling simultaneous data fetching and efficient page rendering, as demonstrated in the usage example where multiple route queries are fetched in one go.

Allows Relay queries to be defined directly as props on React Router routes, with data passed as component props, reducing boilerplate and manual coordination between routing and data management.

Integrates route path parameters as variables in Relay queries automatically, simplifying data dependency management based on dynamic URL segments without extra setup.

Supports per-route render callbacks similar to Relay.Renderer, providing fine-grained control over loading states and rendering, with access to router props for advanced use cases.