React Native Available for Apple Vision Pro & February Community Updates

Authors
Callstack
@
Callstack

We are thrilled to announce that React Native has landed on Apple Vision Pro, allowing you to unlock the platform's full potential.

React Native for Apple Vision Pro

Bringing React Native to Apple Vision Pro came with many challenges in adapting code for visionOS specifics and overcoming simulator limitations.

Dive into the behind-the-scenes journey, including creating an out-of-tree fork and addressing unique platform nuances. We share all the details in our latest blog post.

Read the article

In the process, we partnered with Matt Hargett from Rebecker Specialties, helping with their first spatial React Native app 🚀

#32 VisionOS OG

Podcast Episode

We also discuss bringing React Native to Apple Vision Pro and visionOS in our podcast. If you haven't watched it yet, you should definitely catch up!

What's Up in the Community?

The tech landscape is changing fast. To help you stay on top of the game, our Technology Team has picked top news, releases, and stories from the React Native world and beyond.

New Tools & Releases

  • Expo has rolled out SDK 50 and it's a big one! Featuring React Native 0.73 and several noteworthy improvements such as Expo Router v3, EAS Build updates, Expo Updates with new fingerprints. It also came with New Expo Dev Tools Plugins empowering developers with browser-based plugins for debugging or improved SQLite and Camera APIs. Check Expo blog for more details.
  • In the latest React Native visionOS release, SwiftUI becomes the app's default entry point. Newly created CLI apps will seamlessly adopt this integration, with upcoming updates promising support for launching immersive spaces.
  • TanStack Router v1.10 got a handful of fresh upgrades, e.g. code-splitting and lazy-loading routes are now simplified with a single '.lazy.tsx' companion file, and there are new experimental APIs for meta/title, link, and script management.
  • Node.js 21.6.0 brings new events to 'net.createConnection,' improving connection handling. The experimental permission model gets fixes and improvements, including '--allow-addons' for addon usage and support for relative paths through '--allow-fs-*' flags.
  • Ever wondered about writing your regular expressions in an even more expressive Swift style? Wonder no more, because there's a new library supporting just that: ts-regex-builder. It's a small utility that allows developers to write regexps in a structured way, which makes the writing and reviewing process easier.
  • Meet the Bun Shell - the new language and interpreter that makes shell scripting a breeze across different platforms. Think about it as the good parts of JS and Bash combined. More details in this blog post.
  • There's a new library created to run Lottie animations using Skia's GPU-accelerated engine - react-native-skottie. It promises up to 63% of performance improvement for complex animations.

Other Tech News

  • In a comprehensive guide, our developer and maintainer of the React Native Testing Library (RNTL), Maciej Jastrzębski, outlines crucial recommendations for RNTL in 2024. Following them will make your tests more solid and futureproof.
  • What is Remix.run exactly? In his video, Alem Tuzlak explains how it works under the hood, enhances developer experience, and captivates users.
  • The latest talk of our youngest developer, Szymon Rybczak, is now live. If you missed it at React Day Berlin 2023, you can now catch up and explore the possibilities of integrating React Server Components on mobile with Szymon.
  • Ever curious about the inner workings of React Native's FPS monitor? The magic lies in CADisplayLink on iOS, a powerful class that enables your app to align its drawing with the display's refresh rate. More in this thread.
  • Apple has announced changes to iOS, Safari, and the App Store in compliance with the Digital Markets Act in the European Union. Developers can now explore new app distribution options while users gain increased controls and privacy safeguards. Not without controversy, though.
Only illustration

Tech Leadership Insights

As a tech leader, you already have too much on your plate. That's why we've curated a digestible portion of recent insights at the intersection of business and tech.

  • Do you have a data strategy for an AI future? This article explores the critical importance of a robust data strategy for enterprises navigating the AI future. It discusses the costs of poor data quality, emphasizes risks, and explores potential shifts to synthetic training data.
  • Team alignment is crucial for business success. Here, you can read about signs of misalignment, such as messaging confusion and the negative impact on deals and overall company resources. The article also provides concrete tactics for leaders to enhance alignment.
  • Francisco Trindade discusses strategies for Engineering Managers to gain support and alignment during organizational changes. Highlighting the significance of metrics, process documentation, and techniques, the author underscores the need for a stable environment and a concentrated effort to successfully implement system improvements.
  • This article delves deep into the engineering investment metrics and how benchmarking them is pivotal in aligning development direction with organizational goals through context and best practices.
  • Regardless of where you work or how senior you are, you have a finite capacity. There are only so many hours every day in which you are working effectively, and only so many hours that you can spend in a state of productivity and flow - and James Stainer is here to explain how to make the best of them.
  • Microsoft integrates Microsoft Teams with Android Auto. It means you can participate in work calls directly from your car. This article will tell you more about it.

Insights

Your next read or watch starts here

Building a Software Factory: Write Specs an Agent Can Build From — cover

Nov 6Article

Building a Software Factory: Write Specs an Agent Can Build From

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 — cover

Nov 4Article

Large-Scale Migrations With Coding Agents: Planning, Verification, and Rollback

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 — cover

Nov 2Article

Conversational Banking: From Customer Questions to Authorized Actions

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% — cover

Oct 30Article

How AI Agents Can Cut Manual QA by 30%

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 — cover

Oct 28Article

Building a Software Factory: The Night My Agents Waited for Me

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 — cover

Oct 22Article

Your AI Coding Agent Still Needs an Architecture

Use explicit contracts, behavior tests, and dependency checks to guide AI coding agents and review their changes through a TypeScript favorites example.

cover

Oct 15Live Stream

Who Left the Agents Running? React Native Software Factories

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.

cover

Oct 14Podcast

When Coding Gets Faster, What Breaks Next?

Matt Hargett explains how AI moves bottlenecks across testing, deployment, infrastructure, support, and the rest of software delivery.

cover

Oct 13Podcast

MCP and Supervisor Agents in eBay's Monitoring Workflow With Leonel Candido da Silva

Leonel Candido da Silva explains eBay's agentic monitoring workflow: specialized agents, MCP, PagerDuty reports, and plans to learn from past incidents.

cover

Oct 12Podcast

AI Agent Observability With Ivana Huckova and Sven Großmann

Grafana's Ivana Huckova and Sven Großmann discuss AI agent observability, coding-agent costs, PR analytics, secret redaction, and local guardrails.

cover

Oct 7Talk

Automating Mobile QA with Cloud Agents

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.

cover

Oct 1Live Stream

Can Jev Make AI Agent Decisions Faster?

Explore Jev with Kewin Wereszczyński and Szymon Chmal: how it works, its approach to faster agent decisions, and possible local alternatives.

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.