--- title: "React & React Native Blog | AI Engineering | Callstack (page 7 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/7 updated: 2026-11-06T10:13:51.208Z --- # React & React Native Blog | AI Engineering | Callstack (page 7 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 7 - [A Practical Guide to React Native Monorepo With Yarn Workspaces](https://www.callstack.com/blog/a-practical-guide-to-react-native-monorepo-with-yarn-workspaces) (React Native, 2/18/2026): This guide walks through setting up a React Native monorepo that supports both mobile and web apps using Yarn workspaces. You’ll configure Metro, Android and iOS builds, TypeScript, and shared packages so your apps can reuse UI and logic without duplication. (by Nazar Sydiaha) - [Agent Device: iOS & Android Automation for AI Agents](https://www.callstack.com/blog/agent-device-ai-native-mobile-automation-for-ios-android) (Testing, 2/17/2026): This article introduces agent-device, a new CLI for automating mobile UI workflows with AI agents. It explains what the tool is, how it helps developers with token-efficient snapshots and repeatable interactions, and why Callstack is building it to bridge exploratory agent behavior with deterministic replay across iOS and Android. (by Michał Pierzchala) - [Announcing AI SDK Profiler for React Native](https://www.callstack.com/blog/announcing-ai-sdk-profiler-for-react-native) (Developer Experience, 1/29/2026): 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. (by Mike Grabowski) - [Bringing CSS Clipping to React Native ](https://www.callstack.com/blog/bringing-css-clipping-to-react-native) (React Native, 1/28/2026): CSS Clip-path makes it easy to create non-rectangular UI elements on the web, but React Native does not support it out of the box. This article walks through what adding Clip-Path support would involve, following the flow from JavaScript styles through React Native’s C++ core and New Architecture to native rendering on iOS and Android. It looks at how a new style property would be parsed, represented in Fabric, and applied at the platform level, using Core Animation masks on iOS and canvas clipping on Android, to show why supporting a single CSS feature requires coordinated changes across the entire rendering pipeline. (by Kamil Paradowski) - [Introducing Brownie: Type-Safe Shared State for React Native Brownfield Apps](https://www.callstack.com/blog/introducing-brownie-type-safe-shared-state-for-react-native-brownfield-apps) (Brownfield, 1/20/2026): Brownie is a new shared state library designed for React Native brownfield applications. It addresses a common pain point in mixed native and React Native codebases: keeping state consistent without building and maintaining custom Turbo Modules. With Brownie, teams define their state once in TypeScript and generate matching native types automatically. The article introduces the core ideas, shows how the workflow fits into real brownfield apps, and outlines what’s included in the iOS alpha release. (by Oskar Kwaśniewski) - [Announcing: React Native Best Practices for AI Agents](https://www.callstack.com/blog/announcing-react-native-best-practices-for-ai-agents) (AI, 1/16/2026): We’re publishing react-native-best-practices: a structured set of skills derived from The Ultimate Guide to React Native Optimization, designed for AI coding agents working on React Native and Expo apps. The repo covers practical techniques across JavaScript, native iOS/Android, and bundling. All contribute to the metrics that matter: FPS and TTI. (by Michał Pierzchala) - [Live Activities and Widgets with React: Say Hello to Voltra](https://www.callstack.com/blog/live-activities-and-widgets-with-react-say-hello-to-voltra) (React Native, 1/13/2026): Voltra is a new open-source library that lets you build iOS Live Activities and widgets using JSX in React Native. It removes much of the native Swift overhead while staying close to SwiftUI’s mental model. (by Szymon Chmal) - [React Native Wrapped 2025: A Month-by-Month Recap of The Year](https://www.callstack.com/blog/react-native-wrapped-2025-a-month-by-month-recap-of-the-year) (React Native, 12/22/2025): The first edition of React Native Wrapped looks back at the year RN turned 10 and the ecosystem doubled down on the New Architecture. It provides a month-by-month record of 2025, covering major framework releases, the Legacy Architecture freeze, React 19 integration, and notable developments across tooling, performance, styling, native modules, Expo, and platform adoption. (by Michał Pierzchala) - [Visualizing the Dual-Thread Model of Lynx JS](https://www.callstack.com/blog/visualizing-the-dual-thread-model-of-lynx-js) (Cross-Platform, 12/19/2025): 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. (by Łukasz Chludziński) - [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) (Hermes, 12/18/2025): 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. (by Davyd Narbutovich) [Previous](https://www.callstack.com/blog/6) · Page 7 of 33 · [Next](https://www.callstack.com/blog/8) 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.