Developer Guide to React 19 and Other September News

Authors

Callstack

Welcome to this month's edition of Community Orbitals, your go-to newsletter for community insights and updates.

The Complete Developer Guide to React 19

We're excited to announce a new guide on the blog, packed into three in-depth parts: The Complete Developer Guide to React 19. Here's a taste of what's in store:

Part 1: Async Handling

The first part talks about React's new async hooks like useTransition and useActionState, designed to streamline async operations, improve form management, and enhance user experience.

Part 2: New Enhancements

The second part delves into new features like ref as a default prop for function components and improved error handling, simplifying workflows, and debugging.

Part 3: Upgraded Support

The third part explores React 19's native support for metadata, optimized stylesheet management, and APIs for better script handling, improving performance, and SEO.

Together, this guide offers everything you need to confidently implement React 19's newest features and make the most of your development efforts. Dive in today to bring your React apps to the next level!

Read the guide

React Universe Conf News

React Universe Conf 2024 is now in the books, and what an amazing experience it was! A huge thank you to everyone who attended, shared insights, and made it such a memorable event 🙌

We loved seeing the community come together to learn, connect, and push the boundaries of React and React Native development.

We're already gearing up for next year's event, and tickets are now on sale! Be sure to grab yours.

Save your spot

And for those who want to relive the best moments, we've compiled a gallery of highlights from this year's edition. Check out the photos here and see if you can spot yourself!

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 world of React and React Native.

New Tools & Releases

React Native 0.76 is now in the Release Candidate phase. With new architecture turned on by default in new projects, React Native DevTools, CSS filter and boxShadow properties, and more.
Nitro Modules are finally here and they're open-source! 🔥 Teased for a few months by Marc, it's a new way of bridging JS to native platforms utilizing JSI HostObjects and NativeState through a convenient C++, Swift, or Kotlin interface. Nitro Modules ensure typesafe JS bindings and ditch the event handling layer to rely on callbacks.
Rspack is now stable with v1.0 release. It's a next-gen JavaScript bundler written in Rust that's up to 10x faster than Webpack. After 18 months of open-source collaboration, with over 170 contributors and 5000+ pull requests, Rspack is now production-ready. Major companies like Microsoft, Amazon, and ByteDance have already embraced Rspack for faster build times and smoother migrations!
Re.Pack 5 Alpha is here! 🚀 It brings major performance boosts with 5x faster builds and 5x faster HMR, powered by Rspack under the hood. Don't worry-Webpack support remains intact. Try it out today and help us push towards a stable release!
The latest update for React Native Testing Library v12.7 is now available. This version brings exciting new features like simulated native TextInput state and support for Switch checked state. Developers can also take advantage of the newly supported Image with alt prop as a label.
The react-native-mmkv v3 is now stable. The release introduces a complete rewrite of the codebase using C++ TurboModule for faster startup times and improved consistency across both iOS and Android platforms. This also means it only works with new architecture enabled and you'll need to use React Native 0.75 or later.
Tired of setting up a CI/CD pipeline for yet another React Native app you build? RN CI CLI is a new tool you can use to spare yourself some effort. It features setting up Github Action pipelines for ESLint, Prettier, Jest, Detox (Maestro coming soon), and EAS support.
If you use Storybook with React Native, you (or your QA team) may want to run visual regression tests on multiple devices. Sherlo is a new cloud-based service that integrates easily with Storybook, takes snapshots on all devices you care about in parallel, and allows your team to review the changes in a web app. We haven't tested it yet, but it looks promising. Let us know if you've tried it already!

Other Tech News

Exciting announcements from React Universe Conf: React Native DevTools, next-gen + rewritten debugger stack for React Native, are coming soon in React Native 0.76.
As of September 2024, Atlas Device SDKs are officially deprecated and will be removed by September 30, 2025. The SDKs consist of the on-device database and Atlas Device Sync.
Low-level memory control with JSI: Tomasz is diving into JSI's 'setExternalMemoryPressure' method, which allows developers to manually notify the JS engine about external memory pressure. This experimentation aims to optimize memory usage and reduce the footprint of expo-image, promising more efficient performance.
If you'd like to see React Native WebGPU explained in less than two minutes, watch this video by Kacper Kapuściak. Also, check react-native-wgpu repository, and TypeGPU for type-safe bindings for WebGPU.
Have you used v0 dev from Vercel already? If not, you should give it a try to see what's possible with AI-generated React UI today. Recently they've introduced Blocks feature, allowing users to share fully-fledged React apps, HTML, Markdown, or runnable code. Watch out Repl.it, Vercel is coming for you!
In case you missed it, we cover the latest advancements in building super apps with React Native on our blog. Read the article to learn how to take your development to the next level with Rspack, Module Federation 2, and Zephyr Cloud.

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.

Taking on an underperforming team offers a chance for growth but comes with risks. As this read explains, prepare by identifying challenges, setting clear expectations, and maintaining regular check-ins to track progress.
Generative AI is transforming small businesses, from smarter chatbots to tools like Microsoft's Copilot. To fully leverage its potential, expert guidance is key. Here you can explore how AI can give your business a competitive edge.
In this article, Abi Noda and Tim Cochran advocate for a human-centered approach to measuring developer productivity. Rather than relying solely on traditional metrics like cycle time or pull requests, they highlight the value of qualitative metrics, derived directly from developers, to provide deeper insights.
This blog post covers strategies for managing smaller, underfunded platforms within a large tech portfolio. The focus is on making decisive choices about platform support, leveraging automation or cross-platform tools, and ensuring talented individuals oversee these efforts.

Insights

Your next read or watch starts here

View all

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.