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.

Yarr was originally developed for use with Relay (formally Relay Modern) in September 2020 for internal use at Contra. It's since been open-sourced to give back to the community and promote Relay adoption.

Getting Started

• Step-by-step guide

Community articles:

• Getting started with Yarr!
• Yarr (yet another react router) | Let’s get started | Great react routing library
• Yarr와 Relay를 이용해 Render-as-you-fetch 라우팅을 구현하기
• Is Yarr just another React Router?

Usage Examples

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

Advanced

• Performance and UX with Yarr

API Reference

• Components
• Hooks
• Utils

License

MIT License