--- title: "React & React Native Blog | AI Engineering | Callstack (page 9 of 33)" description: "Read practical articles on React, React Native, cross-platform development, and AI workflows from Callstack engineers building the tools and products." url: https://www.callstack.com/blog/9 updated: 2026-11-06T10:13:51.208Z --- # React & React Native Blog | AI Engineering | Callstack (page 9 of 33) Read practical articles on React, React Native, cross-platform development, and AI workflows from Callstack engineers building the tools and products. Articles ## Articles for developers, by developers Technical articles on React, React Native, and AI engineering. We share what we learn from building products, maintaining open source, and putting agents to work across software delivery. ### Featured - [Building a Software Factory: Write Specs an Agent Can Build From](https://www.callstack.com/blog/building-a-software-factory-write-specs-an-agent-can-build-from) (AI, 11/6/2026): Szymon Chmal uses a Simlock device-cleanup feature to explain how he plans work for coding agents. Follow the process from code research and product decisions to testable tasks, independent specification checks, and human approval. (by Szymon Chmal) ### Articles, page 9 - [Getting Started With Expo on Meta Quest](https://www.callstack.com/blog/getting-started-with-expo-on-meta-quest) (Virtual Reality, 10/22/2025): This article guides developers on using React Native and Expo to build applications for Meta Horizon OS. It starts with a simple setup using Expo Go, allowing developers to run and live-reload apps on a Meta Quest device in minutes. The guide also details important platform differences, such as permissions and responsive design, and explains how to transition to a full development build to unlock the entire React Native ecosystem. (by Jan Jaworski) - [Introducing React Native Harness: Fast, Real-Device Testing for Native Modules](https://www.callstack.com/blog/introducing-react-native-harness-fast-real-device-testing-for-native-modules) (Testing, 10/15/2025): Introducing React Native Harness: a new way to test native modules directly on real devices and emulators. It brings together the speed and simplicity of Jest with the realism of on-device execution, giving developers a powerful, CI-ready tool to validate native behavior with ease. Harness makes it simple to ensure your native code works exactly as intended across every platform. (by Szymon Chmal) - [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) (Performance, 10/14/2025): 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. (by Mike Grabowski) - [Learn Once, Write for VR: A React Native Showcase for Meta's HorizonOS](https://www.callstack.com/blog/learn-once-write-for-vr-a-react-native-showcase-for-metas-horizonos) (Virtual Reality, 10/8/2025): This article details the successful creation of a React Native app for Meta's HorizonOS. It proves the framework is a viable solution for building performant VR experiences by reusing code and leveraging familiar libraries. The resulting showcase app includes camera integration, audio playback, and smooth navigation. (by Jan Jaworski) - [Cross-Platform TV Apps With React Native for tvOS, Android TV, and Tizen](https://www.callstack.com/blog/cross-platform-tv-apps-with-react-native-for-tvos-android-tv-and-tizen) (TV, 10/3/2025): While widely known for mobile, React Native's flexible architecture makes it a proven and practical solution for building TV applications. This article explores how "out-of-tree" platforms allow developers to escape the fragmented world of traditional TV SDKs (tvOS, Android TV, webOS) and unify their workflow. Whether your team is new to React Native or already has a mobile codebase, you'll discover the benefits of code sharing, improved developer experience, and how major companies are using it to efficiently deliver production-ready apps to the living room screen. (by Łukasz Chludziński) - [From Unit to E2E: A Guide to Testing React Native TV in 2026](https://www.callstack.com/blog/testing-react-native-tv-apps) (Testing, 10/3/2025): While many React Native testing tools like Jest and Appium are transferable to TV development, they lack built-in support for remote control interactions. For component tests, this means the standard library helpers are insufficient, requiring developers to build their own mocks that emit low-level hardware key events to simulate D-pad focus changes. For end-to-end tests, it requires distinct configurations and commands for native versus web-based TV platforms. This article explains how to create these custom JS test helpers from scratch and how to set up Appium to run automated E2E tests on emulators, real devices, and device farms. (by Michał Pierzchala) - [Bridging Animated.Value and SharedValue in React Native](https://www.callstack.com/blog/bridging-animated-value-and-sharedvalue-in-react-native) (React Native, 9/23/2025): In React Native, Animated.Value and Reanimated’s SharedValue serve a similar purpose: they hold values that can change outside the render cycle and are typically used to drive animations. The problem is that they come from different libraries and don’t interoperate. If a component expects an Animated.Value, you can’t pass in a SharedValue, and vice versa. While you can wire them together by subscribing on the JavaScript thread, that approach breaks down under load and causes dropped frames. This article shows how to connect these two types of values natively, so updates happen on the UI thread without depending on JavaScript listeners. (by Satyajit Sahoo) - [Debugging Android Connectivity Issues with Metro Bundler](https://www.callstack.com/blog/debugging-android-connectivity-issues-with-metro-bundler) (Android, 9/16/2025): This article walks through how to debug and resolve connectivity problems between the Android emulator and Metro Bundler in React Native. From starting Metro and reversing ports to adjusting network settings and emulator data, it explains the common causes of the “Unable to load script” error and how to fix them. (by Michał Pierzchala) - [How to Use Liquid Glass in React Native](https://www.callstack.com/blog/how-to-use-liquid-glass-in-react-native) (iOS, 9/11/2025): Liquid Glass is Apple’s next-generation translucent material in iOS 26, designed to highlight content while keeping interfaces clear and dynamic. In this guide, we show how to use it in React Native, from best practices around readability and performance to hands-on examples with single and grouped glass elements. Whether you’re experimenting with Apple’s latest design language or adding polish to production apps, this article walks you through the essentials. (by Mike Grabowski) - [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) (Performance, 9/8/2025): 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. (by Mike Grabowski) [Previous](https://www.callstack.com/blog/8) · Page 9 of 33 · [Next](https://www.callstack.com/blog/10) Hire us ## Need React, React Native, or AI engineering expertise? Bring in senior engineers to build your product, solve technical challenges, or put agents to work across delivery. [Book consultation](https://www.callstack.com/contact) Insights ## Your next read or watch starts here Explore articles, interviews, and demos on React, React Native, and AI engineering, with lessons from the people building the tools. [View all](https://www.callstack.com/insights) - [Building a Software Factory: Write Specs an Agent Can Build From](https://www.callstack.com/blog/building-a-software-factory-write-specs-an-agent-can-build-from) (Nov 6 · Article): Learn how to research requirements, resolve open decisions, and write testable specs that AI coding agents can implement without the planning conversation. - [ Large-Scale Migrations With Coding Agents: Planning, Verification, and Rollback](https://www.callstack.com/blog/large-scale-migrations-with-coding-agents-planning-verification-and-rollback) (Nov 4 · Article): Plan codebase migrations with coding agents using reviewable requirements, verification checks, staged rollouts, and defined rollback criteria. - [Conversational Banking: From Customer Questions to Authorized Actions](https://www.callstack.com/blog/conversational-banking-from-customer-questions-to-authorized-actions) (Nov 2 · Article): Explore conversational banking architecture through a card-dispute example, covering tool access, authorization, execution, observability, and human handoff. - [How AI Agents Can Cut Manual QA by 30%](https://www.callstack.com/blog/how-ai-agents-can-cut-manual-qa-by-30) (Oct 30 · Article): Explore an agentic QA workflow targeting 30% less manual effort across mobile, web, and TV, with test selection, failure triage, and validation. - [Building a Software Factory: The Night My Agents Waited for Me](https://www.callstack.com/blog/building-a-software-factory-the-night-my-agents-waited-for-me) (Oct 28 · Article): Learn how permissions, review limits, and missing product decisions stalled two overnight coding agent runs, and how their maintainer revised the workflow. - [Your AI Coding Agent Still Needs an Architecture](https://www.callstack.com/blog/your-ai-coding-agent-still-needs-an-architecture) (Oct 22 · Article): Use explicit contracts, behavior tests, and dependency checks to guide AI coding agents and review their changes through a TypeScript favorites example. - [Who Left the Agents Running? React Native Software Factories](https://www.callstack.com/events/who-left-the-agents-running-react-native-software-factories) (Oct 15 · Live Stream): Join Kewin Wereszczyński and Szymon Chmal to explore what can go wrong in a React Native software factory overnight and the controls that keep agents on track. - [When Coding Gets Faster, What Breaks Next?](https://www.callstack.com/podcasts/when-coding-gets-faster-what-breaks-next) (Oct 14 · Podcast): Matt Hargett explains how AI moves bottlenecks across testing, deployment, infrastructure, support, and the rest of software delivery. - [MCP and Supervisor Agents in eBay's Monitoring Workflow With Leonel Candido da Silva](https://www.callstack.com/podcasts/mcp-and-supervisor-agents-in-ebays-monitoring-workflow-with-leonel-candido-da-silva) (Oct 13 · Podcast): Leonel Candido da Silva explains eBay's agentic monitoring workflow: specialized agents, MCP, PagerDuty reports, and plans to learn from past incidents. - [AI Agent Observability With Ivana Huckova and Sven Großmann](https://www.callstack.com/podcasts/ai-agent-observability-with-ivana-huckova-and-sven-grossmann) (Oct 12 · Podcast): Grafana's Ivana Huckova and Sven Großmann discuss AI agent observability, coding-agent costs, PR analytics, secret redaction, and local guardrails. - [Automating Mobile QA with Cloud Agents](https://www.callstack.com/events/automating-mobile-qa-with-cloud-agents-2) (Oct 7 · Talk): Michał Pierzchała shows how cloud-based QA agents can test real iOS and Android user flows and bring screenshots, recordings, and logs into pull requests. - [Can Jev Make AI Agent Decisions Faster?](https://www.callstack.com/events/can-jev-make-ai-agent-decisions-faster) (Oct 1 · Live Stream): Explore Jev with Kewin Wereszczyński and Szymon Chmal: how it works, its approach to faster agent decisions, and possible local alternatives. - [The Hard Way vs. The React Native AI SDK Way: Stop Writing Custom Modules for Every Model](https://www.callstack.com/tutorials/the-hard-way-vs-the-react-native-ai-sdk-way-stop-writing-custom-modules-for-every-model) (Mar 19 · Tutorial): 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](https://www.callstack.com/tutorials/build-smarter-apps-tool-calling-ai-orchestration-explained) (Mar 12 · Tutorial): 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](https://www.callstack.com/tutorials/mlc-llm-react-native-on-device-ai-without-the-pain) (Mar 5 · Tutorial): 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. - [Intelligent Fallbacks with Apple Intelligence in React Native](https://www.callstack.com/tutorials/intelligent-fallbacks-with-apple-intelligence-in-react-native) (Feb 24 · Tutorial): 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. - [What Is the React Native AI SDK? A Complete Intro & Quickstart](https://www.callstack.com/tutorials/what-is-the-react-native-ai-sdk-a-complete-intro-quickstart) (Feb 10 · Tutorial): 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. - [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.