Announcing ReRoute

Today we are open sourcing our attempt at solving navigation problem in React Native.

It is called ReRoute and it’s written in Reason. It was built from the ground up based on our learnings working on React Navigation. It has a similar interface, but improves in many critical parts.

Custom TapBar example built with ReRoute library

Amongst its many features, what stands out is:

  • a fully-typed interface that makes sure you never misspell a single prop again
  • native gestures by default so that you can keep doing your heavy Javascript work without worrying about swiping back and forth
  • native animations just in case you were worried about pushing screens onto the stack
  • no more static options so that changing your screen config (like Header buttons) based on the state of your component is now as easy as rendering different text
  • powerful and declarative animation API that allows you to override any screen in and out transitions

I hope that this is enough to get you excited about the library and to give it a go in your next project!

Happy coding!

That was a very quick introduction — now let me give you a backstory on why we decided to write “yet another” library and why I believe Reason is the perfect opportunity to improve JavaScript ecosystem in many ways.

Reason encourages the developers to think twice before writing any line of code — to carefully study the abstractions, end-user APIs and the business application of my code. Writing bindings to existing JavaScript libraries is a perfect opportunity for the original authors to take a step back and think of the choices they made back in the day.

And that’s what we did. Working on many projects over time, including React Navigation, we’ve observed what worked and what did not, studying the reactions of the community and the amount of issues that gathered over time.

Together with Mateusz Zatorski and Satyajit Sahoo, we always wanted to have an easy to use navigation that doesn’t need tons of documentation and is the React Router of native — a pioneer of many concepts that later, will become the de facto standard in the community.

Summary

We hope that the ideas presented within our library will inspire other developers to reflect on their libraries and, what’s even more important, provide an interesting inspiration for other navigation libraries to being improved in critical places such as API surface and performance.

At Callstack, it’s our mission to help developers and other companies to launch their products on many platforms at the same time. We believe Reason has this exciting opportunity to improve in many key areas we are struggling right now and become the leading language as far as cross-platform development.

It’s the beginning of a new journey and ReRoute is just the beginning. Stay tuned!

Insights

Learn more about Open Source

cover

Aug 7Article

Visualizing Open Source Licenses to Analyze Compliance and Reduce Legal Risk

Discover how license-kit visualize maps and analyzes your dependency graph, helping you spot license issues, duplicates, and restrictive packages with interactive views, stats, and AI-powered summaries.

cover

Mar 26Podcast

How Definitely Typed Changed TypeScript Forever

Discover the story behind Definitely Typed with its creator, Boris Yankov, and learn how it became essential for type-safe JavaScript in the TypeScript ecosystem.

cover

Oct 14Article

Introducing the OMH Cloud Storage Module

Discover the OMH Cloud Storage Module. This open-source solution simplifies cloud storage integration for React Native apps.

cover

Jul 12Article

Introduction to the React Native OMH Maps Library

Discover how the React Native OMH Maps library simplifies map integration with cross-platform compatibility, ease of use, and customization options.

cover

Apr 22Podcast

Behind the Scenes of React Native 0.74 Release

Join the release crew members to find out what new features and improvements React Native 0.74 brings to the cross-platform development world.

cover

Apr 27Podcast

Callstack OSS Update

April 2023 Callstack OSS Update: RFC for Expo Config Plugins, Re.Pack & Paper news.

cover

Dec 6Article

React Native Paper 5.0 - What’s New?

React Native Paper 5.0 is here! Dive into the latest updates and improvements.

cover

Feb 8Article

Stripe React Native: the Most Common Questions - Tipsi Migration Guide, Part 5

Check out the list of the most common questions about Stripe react Native Library prepared by Jakub Kłobus, software engineer at Callstack.

cover

Feb 6Article

Stripe React Native Migration Function by Function - Tipsi Migration Guide, Part 3

In the third part of the Tipsi Migration Guide we describe the Stripe React Native migration function by function.

cover

Mar 19Tutorial

The Hard Way vs. The React Native AI SDK Way: Stop Writing Custom Modules for Every Model

Learn how React Native AI uses a unified provider model to switch between cloud and on-device LLMs without rewriting application logic, enabling reliable AI experiences online and offline.

cover

Mar 12Tutorial

Build Smarter Apps: Tool Calling & AI Orchestration Explained

Learn how on-device models in React Native can call tools, interact with external APIs, and return structured outputs you can use directly in application logic.

cover

Mar 5Tutorial

MLC LLM + React Native: On-Device AI Without the Pain

Learn how to run third-party on-device LLMs in React Native using MLC LLM. Choose your models, run them efficiently across platforms, and keep a unified JavaScript API with React Native AI.

cover

Feb 24Tutorial

Intelligent Fallbacks with Apple Intelligence in React Native

Learn how to use Apple’s built-in Foundation Models in React Native apps, reduce memory usage, and enable fast, fully on-device AI with React Native AI Apple.

cover

Feb 10Tutorial

What Is the React Native AI SDK? A Complete Intro & Quickstart

Learn why on-device AI matters for React Native apps, how local LLMs behave offline, and what problems React Native AI is designed to solve from day one.

cover

Jan 29Tutorial

Implementing an Android TurboModule with Kotlin

Learn how to implement a React Native TurboModule on Android, from the TypeScript spec and Codegen to the Kotlin implementation and package registration.

cover

Jan 19Tutorial

Working with Different Threads in Swift TurboModules

Learn how JavaScript, native module, background, and main threads interact in React Native TurboModules, and how to use GCD queues to run async work safely in Swift.

cover

Jan 9Tutorial

How to Add Type-Safe Constants to Swift TurboModules

Learn how to expose typed, immutable constants from a Swift TurboModule using Codegen, and get full end-to-end type safety between native and JavaScript.

cover

Dec 30Tutorial

Adding Event Emitters to Your TurboModule in Swift

Learn how to emit native events from a Swift TurboModule and subscribe to them in JavaScript, including proper memory management and Codegen integration.

cover

Dec 22Tutorial

Writing Your First TurboModule in Swift

Learn how to build a fully working TurboModule in Swift, integrate it with Codegen, and bridge it through Objective‑C inside an Expo app.