---
title: "Custom High-Performance Renderers"
description: "Build WebGPU, Skia, or Filament renderers for 60fps, pixel-perfect experiences when standard components cannot meet the bar."
url: https://www.callstack.com/services/custom-high-performance-renderers
updated: 2026-11-06T10:12:50.042Z
---

# Custom High-Performance Renderers

Build WebGPU, Skia, or Filament renderers for 60fps, pixel-perfect experiences when standard components cannot meet the bar.

_[Expert Engineering](/ai-native-engineering) › [Architecture & Performance](/capabilities/architecture-performance)_

**Build screens that push beyond React Native's standard rendering.**

When standard components can't hit your bar, we build custom-rendered screens on WebGPU, Skia, or Filament. Built for 60fps, pixel-perfect across platforms, exposed as type-safe React components.

[Book consultation](#contact) · [How it works](#what-you-get)

## Architecture & Performance

- React Foundation Founding Member · 300+ commits to React Native · Contributing since 2016
- Industry runs on our tooling · 50M+ OSS downloads / month
- 5x Faster message sending time
- -28% CPU usage in critical trading flows
- “Our app has hundreds of features and before we switched to Re.Pack we were struggling to scale the performance. Re.Pack is built on Webpack, so it allowed us to leverage existing tooling and approaches to scale more linearly. If the default tooling isn't working for your use case, I'd recommend giving Re.Pack a try!” — Mike Duminy, Principal Engineer / Klarna
- 100+ Enterprise projects delivered

## What you get: Build the renderer standard components cannot.
- **Assessment first** We tell you if custom rendering is truly needed, or if a simpler technique solves it. No complexity you don't need.
- **Renderer integration** We wire WebGPU, Skia, Filament, or your own renderer into your existing React Native app, bridgeless and new-arch ready.
- **Type-safe React components** Your custom screen ships as an npm package that behaves like any other React Native component.
- **Cross-platform rendering** The same high-performance output on iOS, Android, and web wherever the underlying renderer supports it.
- **Docs and handover** Implementation strategy, usage guides, and technology docs so your team owns the solution in production.
- **Performance-first delivery** Architecture tuned for frame consistency, stability, and maintainability under real production load.

**Hit the frame rate standard RN can't.** 3D scenes, infinite canvases, frame-perfect motion. We build the renderer and hand it to your team. [Book consultation](#contact)

## How we work together: Turn technical limits into shipped fixes.

### Extend your team (1 week)
Our senior engineers join your team to ship features, guide technical decisions, and strengthen delivery.
- Your roadmap and workflow
- Expertise shared as we work
- Flexible timezone coverage
### Deliver a project (1-12 months)
We take agreed work from technical planning to release, with clear responsibilities and progress you can see.
- 3 Callstack engineers ship like 6
- Impact visible before sprint two
- End-to-end delivery
### Solve specific challenge (as needed)
We address a performance, migration, or infrastructure challenge, or run training around your team’s needs.
- Focused reviews or implementation
- Knowledge your team keeps
- Outcomes guaranteed with contract

## What shipping at AI speed looks like.

- [Migrating Questrade Edge Mobile to a Faster, More Scalable Architecture](/case-studies/migrating-questrade-edge-mobile-to-a-faster-more-scalable-architecture): 33% fewer re-renders across most features
- [Building Scalable Observability for a High-Growth React Native App](/case-studies/building-scalable-observability-for-a-high-growth-react-native-app): 3→1 analytics systems unified into a single interface
- [Building an Agentic SDLC for a Web Launch in Under One Month](/case-studies/building-an-agentic-sdlc-for-a-web-launch-in-under-one-month): 3x estimated delivery acceleration
- [Launching a High-Performance React Native App on Samsung TV](/case-studies/launching-samsung-tv-app-for-global-streaming-platform): 5 platforms under one RN codebase: tvOS, FireTV, Tizen, LG, Vizio

**Hit the frame rate standard RN can't.** 3D scenes, infinite canvases, frame-perfect motion. We build the renderer and hand it to your team. [Book consultation](#contact)

> We had been struggling with React Native application performance until we met Callstack.
>
> — Huỳnh Chí Hùng, Associate Director / MOMO

We’ll connect you with the right expert within 24 hours.

## Let’s find the right path for your product.

Still have questions?
Whether you’re planning new work or unblocking an existing product, we’ll help you choose the right path forward.
**How do I know if I need custom rendering?**

We start with an assessment. If standard components or a simpler technique can solve your problem, we'll tell you and save you complexity you don't need.
**Which renderers do you work with?**

WebGPU, Skia, Filament, and others. We can also wire your own existing renderer into your React Native app.
**Does this work with React Native's New Architecture?**

Yes. Our custom rendering integrations are bridgeless and New Architecture ready.
**Can I use custom-rendered screens alongside normal React Native views?**

Yes. Your custom screen ships as a type-safe npm package and behaves like any other React Native component, so it drops into your existing code.
**What about web support?**

Where the underlying renderer supports web, such as WebGPU or Skia, we deliver the same high-performance output on web alongside iOS and Android.
**Will my team be able to maintain the renderer after handover?**

Yes. We hand over implementation strategy, usage guides, and technology docs so your team owns the solution in production.
[Book consultation](#contact)

## Open source

- [Reassure](https://github.com/callstack/reassure): Performance testing companion for React and React Native
- [React Native Harness](https://github.com/callstackincubator/react-native-harness): Harness brings Jest-style tests to real native environments so you can test TurboModules like you would test your React Native app: with JavaScript.
- [Rozenite](https://github.com/callstackincubator/rozenite): Plug-and-play panels for React Native DevTools. Install, enable, and start debugging in minutes.
- [Re.Pack](https://re-pack.dev/): A webpack-based toolkit to build your React Native application with full support of webpack ecosystem
- [React Native Sandbox](https://github.com/callstackincubator/react-native-sandbox): Run multiple, isolated React Native instances within a single application

Insights

## Worth your time, by engineers.

[Explore Insights](https://www.callstack.com/insights)

- [An AI Agent for Measured React Native Performance Fixes](https://www.callstack.com/blog/an-ai-agent-for-measured-react-native-performance-fixes) (Jul 20 · Article): React Native performance work can produce misleading results when teams rely on a single profiler run. This article introduces Metrognome, an open-source AI plugin that turns proposed fixes into repeated, gated experiments on a live app. It explains how the tool combines device control, render analysis, runtime signals, and performance guidance, shares examples from Uphold, and shows how its Performance Map and CI workflows prioritize issues and create evidence-backed PRs.
- [Profile React Components in React Native Release Builds](https://www.callstack.com/blog/profile-react-components-in-react-native-release-builds) (May 25 · Article): @callstack/inspector brings React component profiling to React Native release builds. This article walks through the setup in an Expo app and shows how to inspect performance closer to how users experience it, without development-only debug code affecting JavaScript execution.
- [Announcing AI SDK Profiler for React Native](https://www.callstack.com/blog/announcing-ai-sdk-profiler-for-react-native) (Jan 29 · Article): We introduced the AI SDK Profiler plugin for Rozenite DevTools. It captures OpenTelemetry spans emitted by the Vercel AI SDK, surfaces prompts, outputs, metadata, and latency, and works with any provider, on-device or cloud.
- [Visualizing the Dual-Thread Model of Lynx JS](https://www.callstack.com/blog/visualizing-the-dual-thread-model-of-lynx-js) (Dec 19 · Article): If you’ve felt JS thread pressure in React Native, Lynx’s runtime will feel familiar and different at the same time. This article uses a simple jammer technique inspired by React Native experiments to reset expectations and provide a clear mental baseline. From there, it shows how Lynx’s dual-thread model keeps UI-critical work responsive, even when background JavaScript is completely blocked.
- [Why You Don’t Have to Minify JavaScript Code in React Native Apps](https://www.callstack.com/blog/why-you-dont-have-to-minify-javascript-code-in-react-native-apps) (Dec 18 · Article): JavaScript minification is standard practice on the web, but React Native follows a different optimization path. This article explains how the Hermes engine compiles JavaScript into bytecode and applies dead code elimination during that step, making traditional minification largely unnecessary. It also shows how to verify what actually ships in production by decompiling Hermes bundles.
- [Memory Ownership Models: When JavaScript Meets Native Code](https://www.callstack.com/blog/memory-ownership-models-when-javascript-meets-native-code) (Nov 21 · Article): React Native makes it easy to pass data between JavaScript and native code, but things get complicated once you leave the synchronous path. This article explains what really happens when ArrayBuffer memory crosses the JS and native boundary, why raw pointers can become invalid during async work, how garbage collection affects native code, and what safe patterns you can use today.
- [From Files to Buffers: Building Real-Time Audio Pipelines in React Native](https://www.callstack.com/blog/from-files-to-buffers-building-real-time-audio-pipelines-in-react-native) (Oct 14 · Article): Most audio APIs are designed around files. You generate sound, save it, then read it back for playback or processing. While simple, this workflow breaks down when you need low latency or real-time interaction. In this article, we’ll explore how to work with raw PCM data entirely in memory, construct valid WAV buffers on the fly, and transfer them efficiently to JavaScript using JSI. The result is a flexible foundation for building real-time audio features directly in React Native.
- [How to Add Custom JSI Bindings in Your TurboModule (and Why You Might Need Them)](https://www.callstack.com/blog/how-to-add-custom-jsi-bindings-in-your-turbomodule-and-why-you-might-need-them) (Sep 8 · Article): TurboModules provide a type-safe way to write native code in React Native. JSI sits underneath as a lower-level API, enabling direct interaction with the JavaScript runtime. This article explains how to safely inject custom bindings with an ArrayBuffer example.
- [How Node-API Works in React Native: A Deep Dive](https://www.callstack.com/blog/how-node-api-works-in-react-native-a-deep-dive) (Aug 5 · Article): In this deep dive, we explain how Node-API is brought to React Native—from discovering and bundling native addons to loading them at runtime. We also walk through the design of the host system and tools that make it all work.
- [Exploring Fibers: Cooperative Multitasking and Lock-Free Task Execution](https://www.callstack.com/blog/exploring-fibers-cooperative-multitasking-and-lock-free-task-execution) (Jul 24 · Article): This third installment in our performance series focuses on building a cooperative, fiber-based task scheduler. We explore what fibers are, how they relate to coroutines, and how to organize tasks using atomic counters instead of traditional locks. You’ll learn how to avoid blocking, manage dependencies across tasks, and profile execution with Tracy. The concepts apply across languages and runtimes, offering a foundation for designing lock-free systems that scale efficiently on modern CPUs.
- [Build and Run Node-API Modules in React Native](https://www.callstack.com/blog/build-and-run-node-api-modules-in-react-native) (Jul 17 · Article): Node-API allows you to write native modules that run not only in React Native but also in other JavaScript runtimes like Node.js. In this deep dive, we'll guide you through creating a simple Node-API module, testing it in Node.js, getting it up and running in React Native, and finally, publishing it to npm for wider use.
- [Announcing Node-API Support for React Native](https://www.callstack.com/blog/announcing-node-api-support-for-react-native) (Jul 10 · Article): Node-API brings a stable, cross-platform system for building native modules in React Native, enabling faster builds, easier maintenance, and broader language support. Already widely used in Node.js, Deno, and Bun, it allows native code to interface with JavaScript in a runtime-agnostic way. This makes it possible to distribute prebuilt binaries, reuse existing native libraries, and share code across ecosystems. With support for languages like C++, Rust, and Swift, Node-API opens the door to building high-performance modules for tasks like AI, encryption, and platform API access, all without being tied to specific runtime internals.
- [Multithreading Isn’t Free: Performance Pitfalls Visualized](https://www.callstack.com/blog/multithreading-isnt-free-performance-pitfalls-visualized) (May 21 · Article): This article walks through real-world examples of profiling multithreaded C++ code. It shows what happens when you throw too many threads at a problem, how to measure performance with Tracy, and why smarter scheduling beats brute force. While the code is in C++, the takeaways apply to any performance-critical system.
- [Profiling React Native Internals with Tracy for Peak Performance](https://www.callstack.com/blog/profiling-react-native-internals-with-tracy-for-peak-performance) (Apr 11 · Article): Profiling React Native's internals can uncover bottlenecks and provide deep insights into native behavior. This guide walks through using the Tracy profiler to instrument React Native code, collect performance metrics, and identify optimization opportunities across iOS and Android.
- [Why Knowing Your App’s Bundle Contents Matters for React Native Performance](https://www.callstack.com/blog/knowing-your-apps-bundle-contents-native-performance) (Mar 20 · Article): Slow app startup times can frustrate users, especially on older devices or slower networks. Expo Atlas helps you peek inside your React Native app bundle to identify large dependencies and optimize performance, even if you're not using Expo.
- [Why You Should Not Re-Implement Native Features in React Native](https://www.callstack.com/blog/why-you-should-not-re-implement-native-features-in-react-native) (Mar 14 · Article): When building React Native apps, it's tempting to re-implement native OS patterns and gestures from scratch. But this can lead to inconsistencies and performance issues, even if you use native code. A better approach is to leverage existing native components and libraries wherever possible, and only build fully custom UI when absolutely necessary.
- [The Mini Guide to React Native Optimization for Web3](https://www.callstack.com/blog/the-mini-guide-to-react-native-optimization-for-web3) (Mar 13 · Article): Building web3 apps with React Native requires careful optimization. This guide shares practical tips to manage dependencies securely, use mobile-first libraries, and connect wallets efficiently for better performance and UX.
- [The Inner Workings of GPU Rendering for 2D and 3D Graphics](https://www.callstack.com/blog/the-inner-workings-of-gpu-rendering-for-2d-and-3d-graphics) (Jun 7 · Article): The GPU is the unsung hero behind the stunning visuals on our screens. This article dives into how GPUs render 2D and 3D graphics, from processing vertices and pixels to creating the final masterpiece that tricks our eyes into perceiving smooth animations.
- [Technical Guide, Part 2: Integrating Hermes With React Native](https://www.callstack.com/blog/technical-guide-integrating-hermes-with-react-native) (Jun 14 · Article): React Native 0.64 adds support for the Hermes engine on iOS. This technical guide walks through the process of integrating Hermes with React Native, building on the work to compile Hermes for Apple platforms. It covers the key integration points, how to activate the engine, and what it looks like in practice.
- [Technical Guide, Part 1: Compiling Hermes for Apple Platforms](https://www.callstack.com/blog/technical-guide-compiling-hermes-for-apple-platforms) (May 26 · Article): Compiling Hermes for iOS involves configuring CMake to target Apple platforms and architectures. This guide walks through the key steps, from setting up the build pipeline to creating a universal framework that works seamlessly on both devices and simulators.
- [Streamline Native Dependencies for Faster Time-to-Interactive](https://www.callstack.com/blog/streamline-native-dependencies-for-faster-time-to-interactive) (Mar 29 · Article): Unused native dependencies can slow down React Native app startup times. This guide shows how to use the depcheck tool to identify and remove unneeded dependencies, reducing app size and improving time-to-interactive by up to 17%.
- [Reanimating Your React Native Experience](https://www.callstack.com/blog/reanimating-your-react-native-experience) (Aug 8 · Article): Gestures and animations in React Native are getting a major upgrade thanks to react-native-gesture-handler and react-native-reanimated. This guide walks through building a smooth collapsible navigation bar that runs entirely on the UI thread, even with the JS thread blocked.
- [Profiling React Native Apps With iOS and Android Tools](https://www.callstack.com/blog/profiling-react-native-apps-with-ios-and-android-tools) (Feb 17 · Article): Profiling React Native apps with native tools like Instruments, Flipper, and Hermes Debugger on iOS and Android Profiler on Android can help identify performance issues and improve user experience. This guide walks through how to use these tools to measure CPU, memory, network usage and more to optimize your app's responsiveness.
- [React Native - How to Check What Passes Through Your Bridge?](https://www.callstack.com/blog/react-native-how-to-check-what-passes-through-your-bridge) (Dec 6 · Article): Debugging the React Native bridge is crucial for optimizing performance. This guide shows how to use the MessageQueue module to spy on data passing between JavaScript and native code, so you can identify unnecessary communication that may be overloading the bridge and causing your app to freeze.
- [React Developer’s Everyday Struggle - Extending Big Applications](https://www.callstack.com/blog/react-developers-everyday-struggle-extending-big-applications) (Nov 23 · Article): Extending large React apps can be tricky in practice. We walk through the options we considered for adding form validation to the EEDI educational platform, and how we landed on a "function as child" pattern to meet our requirements without heavy refactoring.
- [Optimizing Performance With The React Compiler](https://www.callstack.com/blog/optimizing-performance-with-the-react-compiler) (Aug 29 · Article): The React Compiler automatically optimizes component performance, reducing unnecessary re-renders and locking down dependencies. We walk through how it can significantly speed up apps without extra code hassle or bugs.
- [Optimize Your Android Application’s Size With Gradle Settings](https://www.callstack.com/blog/optimize-android-application-size-with-gradle-settings) (Dec 5 · Article): Optimizing your Android app's size is crucial for faster downloads, shorter startup times, and better user experience. This guide shares practical Gradle settings to reduce APK size, like enabling Proguard to remove unused code and building separate APKs per CPU architecture.
- [Optimize Your React Native App’s JavaScript Bundle](https://www.callstack.com/blog/optimize-react-native-apps-javascript-bundle) (Feb 22 · Article): Bundling your React Native app's JavaScript code with Metro can slow down build times as your codebase grows. This guide explores alternative bundlers like Re.Pack, react-native-esbuild, and rnx-kit that offer more configurability and performance optimizations to help ship less code to users faster.
- [Optimize React Native Apps' Battery Drain With Mobile-Dedicated Libraries](https://www.callstack.com/blog/optimize-battery-drain-in-react-native-apps) (Dec 21 · Article): React Native gives you freedom to build apps with JavaScript, but not all libraries are optimized for mobile. Using non-mobile libraries can drain battery and slow performance. This guide shares tips for choosing mobile-first libraries that deliver fast, efficient experiences without compromising battery life.
- [Lottie vs. Rive: Optimizing Mobile App Animation](https://www.callstack.com/blog/lottie-vs-rive-optimizing-mobile-app-animation) (Jan 11 · Article): Lottie and Rive are two popular tools for creating high-quality animations in mobile apps. This article compares their performance, file sizes, and developer experience to help you choose the best option for your project.
- [How to Profile Native Code in React Native Using Tracy](https://www.callstack.com/blog/how-to-profile-native-code-react-native-with-tracy) (Feb 11 · Article): Profiling code is essential for uncovering performance bottlenecks. This guide walks through how to use Tracy profiler to measure execution times, identify hotspots, and optimize a React Native image processing module for faster speeds.
- [How to Optimize SVG for Size and Rendering Speed](https://www.callstack.com/blog/image-optimization-on-ci-and-local) (Feb 16 · Article): Optimizing SVGs can significantly reduce app size and improve rendering speed. This guide walks through how to use tools like SVGO to compress SVGs, measure performance impact, and automate optimization with GitHub Actions.
- [How to Optimize Your Android App Startup Time With Hermes](https://www.callstack.com/blog/optimize-android-app-startup-time-with-hermes) (Dec 4 · Article): Hermes is a JavaScript engine optimized for mobile that can significantly improve your React Native app's startup time. By generating bytecode during build time and avoiding just-in-time compilation, Hermes reduces the time needed to execute your app's logic. Enabling Hermes is a simple configuration change that can lead to a faster, more responsive user experience.
- [How to Pick the Right External JavaScript Libraries for Your React Native App](https://www.callstack.com/blog/external-javascript-libraries-for-react-native) (Dec 25 · Article): Choosing the right JavaScript libraries is key to building fast, performant React Native apps. This guide shares practical tips for being selective about dependencies, analyzing bundle size impact, and using smaller specialized libraries to reduce load times.
- [How to Easily Create Native Libraries With Nitro and Turbo Modules](https://www.callstack.com/blog/bridgeless-native-development) (Feb 12 · Article): Creating custom native libraries in React Native used to be complex, with tricky bridging between JavaScript and native code. But now, Nitro Modules make it easy to write performant native code in Swift, Kotlin, and C++ with minimal boilerplate. This article explores how Nitro Modules improve on the legacy Native Modules API and the newer Turbo Modules.
- [How to Choose Tools Wisely and Build Fast-Working React Native Apps](https://www.callstack.com/blog/find-the-balance-between-native-and-javascript) (Dec 20 · Article): Building fast React Native apps requires finding the right balance between native code and JavaScript. This guide shares best practices for optimizing communication over the bridge, validating arguments, and keeping abstractions on the JS side to improve performance and maintainability.
- [How to Achieve 60FPS Animations in React Native](https://www.callstack.com/blog/60fps-animations-in-react-native) (Dec 23 · Article): Smooth 60FPS animations are crucial for a great user experience in React Native apps. This guide shares practical techniques to achieve performant animations, including using the native driver, gesture-driven animations with React Native Gesture Handler and Reanimated, and giving JS operations lower priority.
- [Hermes Performance on iOS](https://www.callstack.com/blog/hermes-performance-on-ios) (Apr 21 · Article): React Native 0.64 brings Hermes, a new JavaScript engine, to iOS. We tested it on a real-world app to see how it compares to the default JSC engine. The results? Hermes made the app start up to 40% faster, especially on older devices.
- [How Can Higher-Order Components Improve Performance of React Native Apps?](https://www.callstack.com/blog/improve-react-native-performance-with-higher-ordered-components) (Dec 5 · Article): Higher-order components like FlatList and FlashList can significantly boost performance in React Native apps compared to basic components like ScrollView. We explore how they optimize rendering and layout measurement for long lists, and share tips to get the smoothest 60FPS scrolling.
- [Handling Multiple Native iOS Views in React Native](https://www.callstack.com/blog/handling-multiple-native-ios-views-in-react-native) (Jun 3 · Article): Handling multiple native iOS views in React Native can be tricky. This guide walks through how to use refs to control specific native view instances and communicate between the JavaScript and native layers.
- [Enhance App Performance and Business Growth With Real User Monitoring](https://www.callstack.com/blog/enhance-app-performance-and-business-with-real-user-monitoring-rum) (Oct 28 · Article): Real User Monitoring (RUM) is a powerful tool for identifying performance issues, but many companies struggle to turn the data into meaningful actions. This guide walks through how to use RUM to optimize app performance, detect problems early, and improve key business metrics like conversion rates.
- [Experiment With the New Architecture of React Native](https://www.callstack.com/blog/experiment-with-new-architecture-of-react-native) (Feb 4 · Article): React Native's New Architecture brings major changes to how the framework works under the hood. We explore the key components like Fabric, TurboModules, and JSI, and show how migrating can help boost performance and leverage new capabilities in React 18.
- [Code Splitting in React Native Applications](https://www.callstack.com/blog/code-splitting-in-react-native-applications) (Jul 1 · Article): Code splitting is a powerful technique for optimizing React Native apps by creating multiple bundle files instead of one monolithic bundle. This article introduces the concept of code splitting and explores how it can improve performance, especially for modular apps or "super apps" built from mini apps.
- [Bringing Hermes to iOS in React Native 0.64](https://www.callstack.com/blog/bringing-hermes-to-ios-in-react-native) (Apr 14 · Article): React Native 0.64 brings Hermes, a JavaScript engine optimized for mobile apps, to iOS for the first time. We walk through the technical details of how the Callstack team worked with Facebook and Microsoft to compile Hermes for Apple platforms and integrate it with React Native.
- [Bringing WebAssembly to React Native With Polygen](https://www.callstack.com/blog/bringing-webassembly-to-react-native-with-polygen) (Feb 7 · Article): Polygen is a new toolkit that brings WebAssembly to React Native, compiling WASM modules to native C code for near-native performance. It enables using CPU-intensive libraries from the web in React Native apps, with some current limitations. The project is under active development to expand platform support and WASI integration.
- [A Deep Dive Into React Native Reanimated v1](https://www.callstack.com/blog/react-native-reanimated-v1) (Oct 11 · Article): React Native Reanimated is a powerful but complex library for building smooth, 60fps animations in React Native apps. This deep dive explains the core concepts behind Reanimated, walking through how it allows you to declaratively define animation logic that runs on the native UI thread.
- [Running AI in the Browser With Transformers.js](https://www.callstack.com/podcasts/running-ai-in-the-browser-with-transformers-js) (Sep 7 · Podcast): Nico Martin explains how Transformers.js uses WebGPU and ONNX to run AI in the browser, plus the limits of local models and on-device agents.
- [VisionCamera V5 With Marc Rousavy](https://www.callstack.com/podcasts/visioncamera-v5-with-marc-rousavy) (Aug 4 · Podcast): Marc Rousavy joins Mike Grabowski to unpack VisionCamera v5, Nitro Modules, the constraints API, migration work, and what changed for React Native camera apps.
- [React Native Ease: Platform-Native Animations Without the Extra Work](https://www.callstack.com/podcasts/react-native-ease-platform-native-animations-without-the-extra-work) (Jul 8 · Podcast): Łukasz talks with Janic from App & Flow about React Native Ease, Core Animation, Reanimated trade-offs, and performant UI animation in React Native.
- [Why Nitro Is More Than a Faster Bridge](https://www.callstack.com/podcasts/why-nitro-is-more-than-a-faster-bridge) (Jul 3 · Podcast): Marc Rousavy (Margelo) talks Nitro modules, native state, zero-copy data, Vision Camera, and why speed is only part of the story.
- [Redraw for Effects Beyond Skia](https://www.callstack.com/podcasts/redraw-for-effects-beyond-skia) (Jul 1 · Podcast): William Candillon talks about where Redraw fits next to Skia, from physics-based rendering to camera effects, AR, and new UI patterns.
- [From Static Hermes to Hermes V1: The Road to Default](https://www.callstack.com/podcasts/from-static-hermes-to-hermes-v1-the-road-to-default) (Dec 4 · Podcast): Nicola Corti (Meta) explains the evolution of Static Hermes into Hermes V1, the performance boosts it ships, and the (experimental) path to making it the new default engine.
- [It's Not New: How 'The Architecture' Unlocks React Native's Future](https://www.callstack.com/podcasts/its-not-new-how-the-architecture-unlocks-react-natives-future) (Nov 24 · Podcast): 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.
- [Structure Monorepo for Speed, Scale & Sanity](https://www.callstack.com/podcasts/structure-monorepo-for-speed-scale-sanity) (Jul 16 · Podcast): Discover how Nx empowers teams to build and scale monorepos without losing their sanity, from selective testing to AI-powered workflows.
- [Superfast Nitro Modules With Marc Rousavy](https://www.callstack.com/podcasts/superfast-nitro-modules-with-marc-rousavy) (Oct 15 · Podcast): Even faster React Native apps? That's possible with Nitro Modules! Tune in to the conversation with their creator, Marc Rousavy.
- [React Native at Scale With Mike Duminy (Klarna)](https://www.callstack.com/podcasts/react-native-at-scale-with-mike-duminy-klarna) (Nov 30 · Podcast): Tune in to find out how the use of React Native and Re.Pack can impact organizational structure and how these tools help Klarna scale product development.
- [React Native at Scale with Matt Hargett](https://www.callstack.com/podcasts/react-native-at-scale-matt-hargett) (Jun 27 · Podcast): Get insights from Matt Hargett on derisking large-scale projects with React Native. Learn how to maximize optimization success and future-proof your app.
- [React Native at Scale With Rafael Mendiola](https://www.callstack.com/podcasts/react-native-at-scale-with-rafael-mendiola) (Jan 16 · Podcast): Scaling React Native across business growth stages: insights from Rafael Mendiola & Jakub Stadniczuk in a podcast episode.
- [React Native Performance in 2024: Challenges, Solutions, Forecasts](https://www.callstack.com/podcasts/react-native-performance-in-2024-challenges-solutions-forecasts) (Mar 28 · Podcast): Join us as we explore the latest developments in React Native performance optimization with experts from Expo and Callstack.
- [Profiling in Native and React Native](https://www.callstack.com/podcasts/profiling-in-native-and-react-native) (Mar 16 · Podcast): Get insights into profiling your React Native app from our experts in this podcast episode.
- [React Native Performance Q&A](https://www.callstack.com/podcasts/performance-questions-and-answers) (May 11 · Podcast): In April 2023, we enjoyed talking about performance optimization in the US. We went to San Francisco, Los Angeles and Detroit to meet some amazing folks from the React Native community - we loved the intense thought exchange there!
- [RNEU 2020 Conference Q&A Panel](https://www.callstack.com/podcasts/rneu-2020-conference-q-a-panel) (Oct 28 · Podcast): This episode provides insights into the most intriguing aspects of React Native. Check the podcast to find out what our special guests have to say!
- [React Native New Architecture](https://www.callstack.com/podcasts/react-native-new-architecture-ep-17) (Oct 25 · Podcast): Join Nicola Corti and Łukasz Chludziński as they discuss all about React Native's new architecture.
- [React Native FastIO: Nitro-Powered Performance Boost](https://www.callstack.com/podcasts/react-native-fastio) (Dec 18 · Podcast): Listen to Mike Grabowski talk about React Native FastIO, a collection of primitives for working with data in React Native and its performance benefits.
- [React Native 0.64 With Hermes for iOS](https://www.callstack.com/podcasts/react-native-0-64-with-hermes-for-ios-ep-5) (May 11 · Podcast): Discover how Hermes boosts React Native performance on iOS and macOS, with insights into AOT, bytecode precompilation, and the future of Hermes support.
- [Open Native and Universal Native Modules](https://www.callstack.com/podcasts/open-native-and-universal-native-modules) (Oct 26 · Podcast): In this episode, we dive deep into the practicalities of using native modules across different ecosystems with Open Native. Our guest, Jamie Birch (@LinguaBrowse), the creator of React NativeScript, explains the pressing problems in this area and how Open Native aims to solve them.
- [Creating Performant React Native Animations](https://www.callstack.com/podcasts/creating-performant-react-native-animations) (May 15 · Podcast): Animations and performance: friends or foes? Tune in to learn how not to break your React Native app's user experience.
- [Building in React and React Native: 5 Years Ago & Now](https://www.callstack.com/podcasts/building-in-react-and-react-native-5-years-ago-now) (Mar 14 · Podcast): In this episode, we talk the current state of React & React Native, compare it to how things were 5 years ago and give advice to newcomers in the industry.
- [Implementing an Android TurboModule with Kotlin](https://www.callstack.com/tutorials/implementing-an-android-turbomodule-with-kotlin) (Jan 29 · Tutorial): Learn how to implement a React Native TurboModule on Android, from the TypeScript spec and Codegen to the Kotlin implementation and package registration.
- [Working with Different Threads in Swift TurboModules](https://www.callstack.com/tutorials/working-with-different-threads-in-swift-turbomodules) (Jan 19 · Tutorial): 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.
- [How to Add Type-Safe Constants to Swift TurboModules](https://www.callstack.com/tutorials/how-to-add-type-safe-constants-to-swift-turbomodules) (Jan 9 · Tutorial): 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.
- [Adding Event Emitters to Your TurboModule in Swift](https://www.callstack.com/tutorials/adding-event-emitters-to-your-turbomodule-in-swift) (Dec 30 · Tutorial): Learn how to emit native events from a Swift TurboModule and subscribe to them in JavaScript, including proper memory management and Codegen integration.
- [Writing Your First TurboModule in Swift](https://www.callstack.com/tutorials/writing-your-first-turbomodule-in-swift) (Dec 22 · Tutorial): Learn how to build a fully working TurboModule in Swift, integrate it with Codegen, and bridge it through Objective‑C inside an Expo app.
- [Building a Modern Navigation Library: The Hard Parts](https://www.callstack.com/events/building-a-modern-navigation-library-the-hard-parts-2) (Oct 7 · Talk): At reactCon, Satyajit Sahoo explores the design choices behind React Navigation 8 and the challenges of creating a navigation library that works across platforms.
- [Efficient On-Device LLMs in React Native Done Right](https://www.callstack.com/events/efficient-on-device-llms-in-react-native-done-right) (Nov 17 · Talk): Artur Morys-Magiera will cover efficient on-device LLMs in React Native, including runtimes, model selection, quantization, and platform constraints.
- [JSX to Live Activity: The Story of Voltra](https://www.callstack.com/events/jsx-to-live-activity-the-story-of-voltra-react-native-connection-2026) (Sep 24 · Talk): Szymon Chmal will show how Voltra brings iOS Live Activities and widgets to React Native without requiring developers to write native UI code.
- [On-Device AI After WWDC: What Changed for React Native](https://www.callstack.com/events/on-device-ai-after-wwdc-what-changed-for-react-native) (Nov 17 · Talk): Mike Grabowski will explain what changed for system-provided on-device AI after WWDC and what React Native developers can build with it.
- [Building a Modern Navigation Library: The Hard Parts](https://www.callstack.com/events/building-a-modern-navigation-library-the-hard-parts) (Sep 24 · Talk): Satyajit Sahoo will share the decisions and trade-offs behind React Navigation 8 and building a modern cross-platform navigation library.
- [From JSX to SwiftUI: How Voltra Powers iOS Live Activities](https://www.callstack.com/events/from-jsx-to-swiftui-how-voltra-powers-ios-live-activities) (Jul 9 · Talk): See how Voltra lets React teams build iOS Live Activities and Dynamic Island UIs without Swift by translating JSX into SwiftUI under tight native limits.
- [Redraw and the Future of 2D Graphics on WebGPU](https://www.callstack.com/events/redraw-the-future-of-2d-graphics-on-webgpu) (May 28 · Live Stream): Join Callstack engineers Szymon Chmal and Kewin Wereszczyński on May 21 at 5 PM to explore Redraw, a new 2D graphics library for WebGPU.
- [React Native 0.85: Animation Backend and Key Updates](https://www.callstack.com/events/react-native-updates-whats-new-and-what-matters) (Apr 16 · Live Stream): A recap of React Native 0.85, covering the new animation backend, DevTools improvements, and ecosystem takeaways.
- [React Native 0.84: Hermes v1, WebAssembly, and Ecosystem Shifts](https://www.callstack.com/events/react-native-0-84-and-other-news) (Feb 19 · Live Stream): React Native 0.84 introduces Hermes v1 by default, iOS prebuilt binaries, WebAssembly support, and improved tooling across the ecosystem.
- [Shipping iOS Live Activities with React: The Voltra Story](https://www.callstack.com/events/shipping-ios-live-activities-with-react-the-voltra-story) (Apr 23 · Talk): How Voltra enables Live Activities and Dynamic Island views using React without writing Swift. A deep dive into iOS constraints and architecture.
- [React and React Native in 2026: Architecture, Nitro, and What’s Next](https://www.callstack.com/events/react-and-react-native-the-year-kick-off) (Jan 15 · Live Stream): New architecture adoption, Nitro modules, React Strict DOM, Hermes v1, and ecosystem shifts shaping React and React Native in 2026.
- [JSX to Live Activity: The Story of Voltra](https://www.callstack.com/events/jsx-to-live-activity-the-story-of-voltra) (Feb 5 · Talk): Learn how Voltra brings React to iOS Live Activities and Dynamic Island by translating JSX into SwiftUI through a custom React renderer.
- [React Universe Meetup x Zalando, Berlin](https://www.callstack.com/events/react-universe-meetup-x-zalando-berlin) (Jan 29 · Meetup): React Universe Meetup lands in Berlin on January 29, 2026. Join Zalando and Callstack for an onsite React Native-focused evening.
- [Building iOS Live Activities With React: Inside Voltra](https://www.callstack.com/events/building-ios-live-activities-with-react) (Dec 18 · Live Stream): Learn how to build iOS Live Activities and Dynamic Island experiences using pure JSX, no Swift or native code required.
- [Two Threads of Lynx.js Part 2](https://www.callstack.com/events/two-threads-of-lynx-js-part-2) (Dec 2 · Live Stream): Learn how Lynx.js uses a dual-threaded model, how its APIs work, and what it means for performance in this live session with Lukasz Chludzinski and Kewin Wereszczynski.
- [Exploring Lynx.js and Its Two-Thread Runtime](https://www.callstack.com/events/two-threads-of-lynx-js) (Nov 27 · Live Stream): A recap of our live session exploring how Lynx.js splits work across a main thread and a background thread.
- [Inside Valdi: What We Learned Exploring Snapchat’s New UI Framework](https://www.callstack.com/events/valdi-snapchats-new-cross-platform-framework) (Nov 13 · Live Stream): A hands-on look at Valdi, Snapchat’s new UI framework: setup, architecture, rendering model, and early developer impressions.
- [Hermes V1: What It Is, What It Isn’t, and What’s Next](https://www.callstack.com/events/hermes-v1-what-it-is-what-it-isnt-and-whats-next) (Nov 6 · Live Stream): Łukasz Chludziński, Szymon Chmal, and Matt Hargett unpack Hermes V1, covering what’s new, what’s changing, and what’s ahead for React Native performance.
- [Reanimated, TanStack, Cross-Pollinating Languages & TWIR #256 Anniversary](https://www.callstack.com/events/build-complex-animations-without-killing-performance-with-reanimated-4) (Oct 30 · Live Stream): Catch up on everything from TanStack updates and Astro insights to Reanimated deep dive and even Swift for Android. Plus, we celebrate the 256th newsletter!
- [Building Real-Time Live Activities in Expo](https://www.callstack.com/events/implementing-ios-live-activities-in-react-native) (Oct 23 · Live Stream): Learn how to add real-time LiveActivity updates to your Expo app using Swift native modules. In this stream, we implemented Apple’s Live Activities with Evan Bacon’s library, explored ActivityKit, and discussed cross-platform development with Solito 5 and Expo UI.
- [Ottrelite: Tracing Framework for React Native](https://www.callstack.com/events/ottrelite-tracing-framework-for-react-native) (Sep 3 · Talk): Learn how Ottrelite brings modern, cross-platform tracing to React Native; no source build needed, with deep backend and language support.
- [Live Dev Session: FlashList v2, Vercel AI SDK, React Compiler](https://www.callstack.com/events/live-dev-session-week-32) (Aug 7 · Live Stream): This week's livestream highlighted two major releases reshaping the React and React Native landscape: FlashList v2 and Vercel AI SDK 5. 
- [Live Dev Session: Reanimated 4, Worklets, React Native Screens](https://www.callstack.com/events/live-dev-session-week-30) (Jul 24 · Live Stream): This week was packed with insights on highly anticipated Reanimated 4, the power of Worklets, Screens and more.
- [Build High-Performance Modules in React Native With Node-API](https://www.callstack.com/events/build-high-performance-modules-in-react-native-with-node-api) (Jul 15 · Live Stream): Discover how to build and share native code in React Native using Node-API: faster builds, runtime agnostic, and language flexible.
- [Tips & Tricks From The Ultimate Guide to React Native Optimization 2025](https://www.callstack.com/events/tips-tricks-from-the-ultimate-guide-to-react-native-optimization-2025) (Apr 24 · Talk): View flattening, React 19 hooks, real DevTools tips-learn what actually helps your React Native app run faster.
- [User-Focused Performance Tracking](https://www.callstack.com/events/user-focused-performance-tracking) (Apr 24 · Talk): Discover how Expensify defines and tracks performance metrics that actually impact user experience.
- [Master JavaScript Performance in React Native (Part 2)](https://www.callstack.com/events/master-javascript-performance-in-react-native-part-2) (Apr 28 · Webinar): Learn to fix JS performance issues in React Native-from debounce bugs to Redux selectors, in this hands-on webinar with real code examples.
- [Bring Your Favorite Language to React Native](https://www.callstack.com/events/bring-your-favorite-language-to-react-native) (Apr 16 · Talk): Learn how to integrate native libraries in React Native, without TurboModules. Robert shares a practical approach using WebAssembly and introduces PolyGen.
- [React Universe Meetup: San Francisco](https://www.callstack.com/events/react-universe-meetup-san-francisco) (Apr 24 · Meetup): Missed the React Universe Meetup SF? Watch the livestream recording soon, talks on RN performance, optimization, and build-free workflows await.
- [Master JavaScript Performance in React Native (Part 1)](https://www.callstack.com/events/master-javascript-performance-in-react-native-part-1) (Apr 15 · Webinar): Watch Callstack's webinar on React Native JS performance. Learn to fix bottlenecks, leaks & FPS issues from the 2025 Ultimate Guide authors.
- [Top 5 Metrics You Need to Track When Optimizing Your React Native App](https://www.callstack.com/events/top-5-metrics-you-need-to-track-when-optimizing-your-react-native-app) (Feb 15 · Webinar): Watch a webinar on optimizing React Native apps to learn the top 5 metrics every React Native team should track to improve performance, reduce load time, and boost user experience.
- [React Native WebAssembly Release Walkthrough](https://www.callstack.com/events/react-native-webassembly-release-walkthrough) (Feb 3 · Live Stream): Join us for a deep dive into Polygen: Callstack Incubator's breakthrough in React Native development!
- [Running WASM in React Native Apps](https://www.callstack.com/events/running-wasm-in-react-native-apps) (Mar 26 · Talk): Find out about executing WASM in React Native, the challenges of JIT restrictions on iOS, and how Callstack's wasm2c solution enables performant native modules.
- [Practical Approach to React Native Optimization for SMEs and Enterprises](https://www.callstack.com/events/performance-optimization-for-smes-and-enterprises-tech-solutions-and-business-effects) (May 16 · Webinar): Learn how Callstack improved a React Native app’s performance and user ratings through a real-world audit. Watch the webinar to see how it was done.
- [Improving React Native App Performance: Practical Tactics and Real-Life Case Studies](https://www.callstack.com/events/improving-react-native-app-performance-practical-tactics-and-case-studies) (Jul 21 · Webinar): Learn how to improve your React Native app's performance with practical tactics, metrics, and real-life case studies from Callstack experts.
- [Astro – Island Technology in the Name of Optimization](https://www.callstack.com/events/astro-island-technology-in-the-name-of-optimization) (Oct 25 · Talk): Next.js is the default choice, but Astro offers strong competition in some areas. Let's compare their features and differences.