TV Apps in React Native, Flutter Integration & August Community Updates

Authors
Callstack
@
Callstack

Let's kick off this edition with a double dose of React Native insights: a webinar on React Native for TV, and an article on React Native integration with Flutter.

Webinar: React Native for TV

Join our upcoming webinar, co-created with Amazon, to explore the best practices of TV app development in React Native. Learn how to design for fragmented TV markets, optimize app performance, and share code effectively across platforms.

💡 Mastering the Big Screen: React Native for TV

🗓️ August 7 at 7:00 PM CEST

What to Expect

  • Expert Insights: Hear from experts in TV app development: Anisha Malde, Giovanni Laquidara, and Łukasz Chludziński.
  • Interactive Q&A: Get your questions answered live by our expert panel.
  • Actionable Tips: Walk away with practical knowledge and techniques you can implement in your own projects.

This event is your gateway to mastering the unique challenges of TV app development. Don't miss it!

Join webinar

Blog: React Native Brownfield in Flutter App

In our latest blog post, Maciej Jastrzębski explores integrating React Native into an existing Flutter app, leveraging Flutter's platform views to blend React Native components seamlessly.

Article Highlights

  • Detailed Integration Steps: Step-by-step instructions for both Android and iOS.
  • Performance Assessments: Insights on using popular React Native libraries within a Flutter app.
  • Challenges and Benefits: Understand the complexities and advantages of maintaining dual cross-platform runtimes.

Check out the article for detailed integration steps and performance insights.

Read article

What's Up at React Universe Conf?

On September 5-6, we are meeting in Wrocław, Poland, at React Universe Conf 🥳 Join us for an unforgettable conference experience, complete with networking, learning, and fun.

On September 4, we host onsite workshops, including our flagship session on React Native performance. This is a unique opportunity to enhance your mobile development skills and gain new perspectives on React Native 🔥 Don't miss it!

Promo sponso video cover

You can elevate your brand by sponsoring our conference. Gain unparalleled exposure to a dedicated tech audience - it's a unique opportunity to showcase your innovations and connect with top talent in the industry.

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

  • Experimental TypeScript support in Node.js already came out. Follow its GitHub space for more details.
  • After four months of dedicated effort, react-native-filament is here. This new tool enables developers to create stunning 3D apps using React Native. Find out more in Marc Rousavy's X thread.
  • Matt Brophy introduces Fog of War, a new feature in Remix designed to maintain optimal performance regardless of application size. By mimicking the expanding maps in retro video games, Fog of War dynamically loads route data as users navigate.
  • Shopify Engineering has just released FlashList v1.7.0 with full support for React Native's new architecture! This update promises enhanced performance and new capabilities, and you can try it today.
  • New Rise Tools allows developers to update the UI of React Native apps in production without rebuilding or redeploying. It uses Server Defined Rendering to manage client-server interactions, and includes a suite of components, actions, and server libraries.
  • There's a new library, HeatMapView, developed by Alex with the aim to identify frequently re-rendered components in large React Native apps. The library is particularly useful for pinpointing unnecessary re-renders and optimizing app performance.

Other Tech News

  • React Native 0.75 will come with Swift Package Manager support for libraries! Check a simplified example here.
  • Re.Pack now supports Module Federation v2 using both Webpack and Rspack, streamlining custom logic for handling federated modules. Notably, Rspack enhances HMR across multiple development servers. Stay tuned for the demo!
  • Szymon Rybczak demonstrates integrating any Large Language Model (LLM) into React Native apps offline using Vercel's AI SDK. Check it out here!
  • Publishing dual module libraries containing both ESM and CommonJS modules can be quite tricky. See what Satyajit Sahoo learned in the process.
  • The first State of React community survey, conducted from October 27 to November 15, 2023, provides key insights into component libraries, state management, and more.
Community illustration divider

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.

  • Neha Betra, VP of Engineering at GitHub, explains how fostering a culture of internal knowledge sharing and continuous learning enhances productivity. She highlights the importance of adaptable teams and the DRI model for effective decision-making, ensuring a productive work environment.
  • AI is reshaping cybersecurity, amplifying both threats and defenses. Here you can read about how attackers use AI to boost malware and phishing and how security leaders are responding with AI-driven platforms. The piece offers interesting insights into the evolving landscape of AI in cybersecurity.
  • This article discusses how ServiceOps merges IT service management (ITSM) and IT operations (ITOps) for seamless collaboration, boosting efficiency. It talks about the importance of full-context operations, which combine observability data with historical knowledge, to unlock ServiceOps' full potential.
  • Are 1:1 meetings worth the time? Mike Fisher explores the topic, discusses the pros and cons of one-on-ones, and suggests ways of refining and optimizing them to ensure they provide a great return on your investment of time.

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.