Yarr
A React router library enabling the render-as-you-fetch concurrent UI pattern.
Install / Use
/learn @erictaylor/YarrREADME
yarr
<h1 align="center" aria-label="yarr"> <img src="docs/assets/yarr-banner.png" width="840px"> </h1>A React router library enabling the render-as-you-fetch concurrent UI pattern.
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
Usage Examples
Advanced
API Reference
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
Related Skills
bluebubbles
343.3kUse when you need to send or manage iMessages via BlueBubbles (recommended iMessage integration). Calls go through the generic message tool with channel="bluebubbles".
node-connect
343.3kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
slack
343.3kUse when you need to control Slack from OpenClaw via the slack tool, including reacting to messages or pinning/unpinning items in Slack channels or DMs.
frontend-design
92.1kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
