/

/

/

/

/

24:13

4/16/2025

Online

I Built a File-Based Router for React Native

Date

Wednesday, April 16, 2025

Time

Location

Wrocław, Poland

Online

I Built a File-Based Router for React Native

A deep dive into building a file-based router for React Native using Metro’s hidden APIs, dynamic routing, loading states, and smart hacks included.

Date

16 April 2025

-

Time

Location

Wrocław, Poland

Online

I Built a File-Based Router for React Native

Organizer

Organizer

Presented

React Universe Meetup

@

Speakers

Speakers

Featuring

Szymon Chmal

Software Developer

@

Callstack

Featuring

Szymon Chmal

Software Developer

@

Callstack

What happens when a web dev goes down the React Native rabbit hole with a weekend hack project? You get a custom file-based router built from scratch, with suspense and error handling, and some clever use of Metro internals.

In this talk from the React Universe Meetup in Wrocław (April 2024), Szymon Chmal, Senior Software Engineer at Callstack, walks through how curiosity led him to explore file routing in React Native. Along the way, he uncovered undocumented Metro APIs, tackled dynamic imports, and discovered ways to replicate familiar patterns from Next.js, all with a surprisingly lean setup.

Expect some laughs, real talk about dev pain points, and a ton of practical insights.

Need help with React or React Native projects?

We support teams building scalable apps with React and React Native.

Link copied to clipboard!

Share

//

Save my spot

I Built a File-Based Router for React Native

A deep dive into building a file-based router for React Native using Metro’s hidden APIs, dynamic routing, loading states, and smart hacks included.

//

Insights

Learn more about React Native

Here's everything we published recently on this topic.

Keeping Screens Visible With <Activity mode="hidden">

A cross‑platform workaround to keep screens visible while <Activity mode="hidden"> unmounts effects on inactive screens by setting mode="hidden".

React Native Monorepo With pnpm Workspaces

Set up a React Native monorepo with pnpm workspaces for mobile and Next.js web, including Metro fixes, hoisted node-linker, and shared packages.

A Practical Guide to React Native Monorepo With Yarn Workspaces

Learn how to set up a React Native monorepo with Yarn workspaces for mobile and web, including Metro, Gradle, and shared packages.

Bringing CSS Clipping to React Native

A deep look at how a single CSS feature moves through React Native’s New Architecture, from JavaScript styles to native rendering on iOS and Android.

Live Activities and Widgets with React: Say Hello to Voltra

Voltra lets you build iOS Live Activities and widgets for React Native using JSX instead of Swift.

React Native Wrapped 2025: A Month-by-Month Recap of The Year

Seven major React Native releases in 2025, React Native turns 10, the New Architecture becomes the default, and 1.0 moves into view. A recap of 2025’s biggest RN updates.

OpenClaw, Hermes Node and the State of AI Tooling

Kewin Wereszczyński and Daniel Williams discuss OpenClaw, Hermes Node, Markdown rendering, AI coding tools and the current AI landscape

React Native 0.84: Hermes v1, WebAssembly, and Ecosystem Shifts

React Native 0.84 introduces Hermes v1 by default, iOS prebuilt binaries, WebAssembly support, and improved tooling across the ecosystem.

LLM Inference On-Device in React Native: The Practical Aspects

A practical look at reliability, performance, libraries, and tradeoffs when running LLM inference locally in React Native apps.

From Teddy Bears to Voice Agents: Kraen Hansen on Voice AI, Local-First & App Security

What happens when you combine voice agents and teddy bears? A hands-on look at local-first systems, voice AI, and security lessons from poking real apps.

It's Not New: How 'The Architecture' Unlocks React Native's Future

Riccardo Cipolleschi (Meta) explains why the New Architecture is now just The Architecture and how it serves as the foundation for concurrent rendering, DOM APIs, and Hermes V1.

State Management in React Native

Get a broader perspective on state management in React Native by listening to our experts discuss libraries like Redux, Mobx, XState, and Jotai.

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.

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.

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.

February 24, 2026

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.

February 10, 2026

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.

January 29, 2026

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.

January 19, 2026

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.

January 9, 2026

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.

December 30, 2025

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.

December 22, 2025

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.

//

React Native

We can help you move
it forward!

At Callstack, we work with companies big and small, pushing React Native everyday.

Check our offer

React Native Performance Optimization

Improve React Native apps speed and efficiency through targeted performance enhancements.

New Architecture Migration

Safely migrate to React Native’s New Architecture to unlock better performance, new capabilities, and future-proof releases.

Code Sharing

Implement effective code-sharing strategies across all platforms to accelerate shipping and reduce code duplication.

Mobile App Development

Launch on both Android and iOS with single codebase, keeping high-performance and platform-specific UX.