React Native Performance Optimization & March Community Updates

Authors
Callstack
@
Callstack

This edition focuses on optimizing React Native and web3 app performance. Let's dive into the latest guide, gear up for an exclusive meetup, and explore securing apps with native crypto libraries in our featured article.

Get Your Ultimate Guide to React Native Optimization

Do you already have your free copy of the guide? Just in case you missed it: we recently published a new edition - The Ultimate Guide to React Native Optimization is your go-to source for the latest strategies and tools, offering a wealth of insights to confidently tackle performance challenges.

Check new sections on React Native Skia, state management, React Forget, enhanced debugging experiences, and prewarm for iOS. Uncover best practices for optimizing your React Native apps in 2024 and gain practical advice to elevate app performance.

Download the guide

Join Us at San Francisco Meetup

On April 11 in San Francisco, we hold The Ultimate Guide to React Native Optimization on Tour meetup. Don't miss out on this chance to deepen your understanding of React Native optimization and network with the best in the field. Save your spot now, and we'll confirm your attendance in advance.

Increase speed and security with native crypto libraries - for newsletter

Ensure Better Security and Performance of Your Application

In our latest article, Thiago Brezinski addresses the challenges of using crypto libraries in React Native, emphasizing the need for native implementations. Check the article to learn about the potential security risks and performance issues associated with common polyfilling practices.

Discover the recommended solution - leveraging modern native implementations like 'react-native-get-random-values' for

  • enhanced security,
  • better performance,
  • smaller bundle sizes in web3 apps.

Read the article

Meet First Speakers at React Universe Conf

We already know who is going to speak at our conference this year 🥳 Meet Monica Restrepo, Kent C. Dodds, Evan Bacon, Fernando Rojo, and Marc Rousavy! Head over to the React Universe Conf website for more details. Our CFP is open so you can become our speaker too! Submit your talk proposal by March 22.

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

  • The first Release Candidate for React Native 0.74, RC 0, has been pre-released. Follow the changes and status here.
  • React Native visionOS 0.73.6 is out, featuring significant updates. The release includes the new WindowManager API for efficient multi-window management, enhanced XR API functionality allowing prop passing, and the HoverEffect prop transformed into cursor: pointer.
  • Server-driven UI is a popular concept for big companies with lots of content inside their apps. Yet there's not too much of this know-how available to the public. Eric Vicenti shares his work on bringing a server-driven template engine to the masses by open-sourcing this repository.
  • react-native-live-markdown came out recently. It's a cross-platform markdown editor, which is a drop-in replacement for TextInput/, and provides fully native experiences such as autocomplete, selection, and spellcheck. It's universally compatible, working seamlessly on Android, iOS, and the web, with upcoming support for visionOS and macOS.
  • In its latest release, React Native Storybook 7 introduces several enhancements for React Native users, aligning with core Storybook 7.6. The update ensures compatibility with Storybook 7, improves support for Component Story Format 3, adopts a TypeScript-first configuration, and automates story loading for efficiency.
  • Our AI team released a handy small tool to query GPT-4 or models available on Perplexity through a command line interface. Type "ai," set up your API key, and access powerful LLMs through the terminal.
  • Szymon's article covers the new react-strict-dom package, available here. It takes you on a journey through the package's history and provides a brief guide on navigating the repository.

Other Tech News

  • The React team gives us a peek into their current projects in their latest blog post. React Forget is now React Compiler and is actively being used on instagram. com. The update covers various topics, including Actions, Asset Loading, a glimpse at React 19, and more.
  • React Native 0.75 will turn on the New Architecture by default on both iOS and Android. It's still possible to opt out from it. Find out more here.
  • The Fireship YouTube channel recently posted a 100-second introduction to Expo development. It's a big milestone for the Expo team!
  • The TC39 process reaches a new stage: 2.7. It's essentially what 3 used to be, but now 3 has extra testing requirements. If you see a proposal advancing to 2.7, there's a good chance it will become a standard soon.
  • Deno is launching a new JavaScript package registry, an alternative to npm. Find out more about it here.
  • RFC0759 - React Native Frameworks: The React Native core team, along with community partners, specifies the React Native project's responsibilities. This RFC covers aspects such as defining the framework surrounding React Native, outlining the concept of the Out of Tree platform, discussing the future of the React Native Community CLI, and addressing other related matters.
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.

  • In a conversation with CIO.com, David Rogers outlines reasons for the failure of digital transformation strategies and sheds light on creating and implementing a successful roadmap for resilience amid ongoing disruptions.
  • This article advises on choosing the right developer metrics tool to boost engineering team performance. It emphasizes the pitfalls to avoid, including overlooking integrations, neglecting stakeholders outside the engineering team, being too tactical, focusing solely on performance, and assuming no need for support.
  • Nicola Ballotta takes a deep dive into engineering metrics and their relation to productivity, their history, and how to use them for maximum results. The article comes with one important disclaimer, though: don't rely 100% on metrics because you can't really measure everything about your team.
  • Can you grow further as an engineering manager? Of course, you can, even if it seems unlikely. Here you can learn about the Skills-Opportunity Paradox and six growth patterns you can choose from as a tech leader.
  • As a leader, you'll encounter frustrated engineers facing career roadblocks. This article suggests a growth framework focusing on technical skills, relationships, and influence at various career stages. Emphasizing proactive communication and a strategic approach, he guides navigating challenges for career progression.

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.