yarr

A React router library enabling the render-as-you-fetch concurrent UI pattern.

• Overview
• Getting Started
• Usage Examples
• API reference
• License

Overview

Yarr is yet another React router library, but with a focus on enabling the render-as-you-fetch concurrent UI pattern by offering both component code preloading and data preloading. This behavior is enabled even without opt-in to React's experimental Concurrent Mode.

Getting Started

• Step-by-step guide

Usage Examples

• Parameterized Routing example
• Preloading data with Relay example
• Redirect Rules

Advanced

• Performance and UX with Yarr

API Reference

• Components
• Hooks
• Utils

Acknowledgements

Yarr was originally developed by Eric Taylor at Contra to power Contra's Relay (formally Relay Modern) and React Suspense tech stack. It's since been open-sourced to give back to the community and promote Relay/Suspense adoption.

License

MIT © Eric Taylor