Is rewriting your native app really the only way to go cross-platform?

In this Coffee Talk episode, we explore how React Native Brownfield offers a smarter path forward.

Łukasz Chludziński invites Oskar Kwaśniewski and Burak Güner—who work directly on React Native Core and brownfield tooling—to discuss how recent advances in React Native have made brownfield integration far more viable, stable, and scalable.

You’ll learn:

➡️ Why brownfield isn’t what it used to be (goodbye, brittle bridging)

➡️ How `RootViewFactory` and `ReactNativeFactory` APIs simplify setup

➡️ What’s new in React Native Brownfield 1.0.0

➡️ How to keep your architecture clean while integrating React Native

➡️ What this means for modern native stacks like SwiftUI, Jetpack Compose—and future-facing platforms like visionOS

Whether you’re maintaining a legacy app or building for what's next, this episode gives you a blueprint for hybrid success.

Explore React Native Brownfield 🙌 https://github.com/callstack/react-native-brownfield

Check out episode resources on our website 📚 https://bit.ly/3ESW3Lf

Catch more React Universe On Air episodes 🎧 https://bit.ly/44A0q8q

Get your React Universe Conf 2025 tickets 🎟 https://hubs.li/Q03l-47N0

Sign up for our newsletter ✉️ https://bit.ly/3H2xsE6

Follow us on X 🐦 https://x.com/callstackio

Timestamps

00:00 Welcome to the React Universe

02:00 Meet our guests: Oskar & Burak

02:50 Let’s talk brownfield app development

03:37 Craziest brownfield setups our guests have seen

08:19 Greenfield vs. brownfield React Native

14:14 How we used to approach brownfield development

18:20 Callstack’s React Native Brownfield

23:30 RootView Factory & React Native Factory

28:50 New Features in React Native Brownfield 1.0

35:35 Sharing data between native and JavaScript

41:00 How about using different React Native versions

43:30 Cost of complexity

47:00 Learn more and get in touch with our guests

Tanner Linsley joins React Universe On Air to unpack the evolution of the TanStack ecosystem—from React Table and React Query to TanStack Router and the newest addition to the family, TanStack Start ✨

What started as internal tooling for Nozzle became a suite of libraries that shaped how developers think about server state, routing, and full-stack React apps. In this episode, Tanner shares the technical decisions behind building framework-agnostic, headless tools—and explains why client-side architecture still matters in a server-first world.

You’ll also hear why TanStack Start isn’t just another full-stack framework, how React Server Components could be treated like server state, and what’s coming next for TanStack Router.

If you're building React apps at scale or deciding how to modernize your frontend stack, don’t skip this one!

Check out episode resources on our website 🧠 https://bit.ly/41Z876l

Check out other episodes of our podcast 🎧 https://bit.ly/3XIHBeU

Get your React Universe Conf 2025 tickets 🎟 https://hubs.li/Q03g5cLM0

Sign up for Callstack newsletter ✉️ https://bit.ly/4lwS7QP

Follow us on X 🐦 https://twitter.com/callstackio

Chapters

00:00 Welcome to the React Universe

00:00 Introduction to Open Source and Server State

01:15 Meet our guest: Tanner Linsley

02:19 How Tanner got into programming

04:06 Early programming days when there was no React yet

05:41 Cross-platform beginnings

07:40 Open Source contributions

09:24 Working on Chart.js

14:12 React Table at Nozzle

16:58 How React Static started

20:53 React Query taking shape

27:53 Community reactions to React Query

33:18 Framework agnostic approach

36:26 Cross-platform frameworks comparison

37:56 Headless, type safety, and no dependencies

46:22 TanStack Router

01:00:59 TanStack Start

01:11:06 React Server Components

01:18:51 Wrap-up

01:20:29 React Universe Conf Speakers Announcement

Ever wondered why TypeScript works so well with JavaScript libraries? It’s thanks to Definitely Typed, a project that helps developers use these libraries with type safety and autocompletion 🚀

In this Coffee Talk episode of React Universe On Air, Mike Grabowski https://x.com/grabbou chats with Boris Yankov https://x.com/borisyankov, the creator and maintainer of Definitely Typed, to uncover its story 📚

🟣 TypeScript's Beginnings: Boris revisits 2012, discussing initial challenges and contributions

🟣 Growth to Open Source Giant: From a personal project to a community powerhouse, aided by Microsoft

🟣 TypeScript vs. Flow: Discover why TypeScript thrived with robust type definitions

🟣 Functionality: How Definitely Typed integrates with NPM and TypeScript tooling

🟣 Open-Source Dynamics: Insights into collaboration without strict leadership

🟣 Top TypeScript Features: Boris and Mike's favorites, plus development tips

Now, let’s hear from you! Have you ever contributed to Definitely Typed? If so, what library did you add types for and what challenges did you face? Share your experience to inspire new contributors! 🚀

Check out episode resources on our website 🧠 https://bit.ly/4jdRoSD

Check out other episodes of our podcast 🎧 https://bit.ly/4hzoScR

Get your React Universe Conf 2025 tickets 🎟 https://hubs.li/Q03d4Hll0

Sign up for Callstack newsletter ✉️ ​​https://bit.ly/4iVScLz

Follow us on X 🐦 https://twitter.com/callstackio

Eighteen TV platforms, one codebase—what could possibly go wrong? Tune in to find out how to tackle the technical and UX challenges of building for Android TV, Apple TV, Fire TV, Tizen, and more—all with React Native!

In the 49th episode of React Universe On Air, Łukasz Chludziński (https://x.com/lukasz_app) teams up with Michael Khirallah (https://x.com/mkralla11), Senior Director of Engineering at DIRECTV, and Chris Trag (https://x.com/chris_trag), Developer Evangelist at Amazon, to discuss why cross-platform development is not just a time-saver but also a way to deliver a consistent user experience.

You know that at Callstack, we’re all about performance—and with devices like Samsung’s Tizen TVs released in 2017 (running Chromium 47!), performance is a serious concern. That’s why we asked our guests to share real-world techniques for optimizing TV apps, from architectural choices to strategies that avoid unnecessary performance hits on newer devices.

The complexity of TV app development doesn’t stop at coding, though. Our host and guests know it all to well, so they couldn’t help but discuss how they balance unit, integration, automation, and manual testing, leveraging tools like AWS Device Farm and custom-built frameworks to ensure stability across all supported platforms. What’s in it for you? Tips on automating QA without compromising thoroughness and why manual testing remains crucial for end-user experience.

Want to get started with React Native TV app development? Download our guide 📖https://hubs.li/Q038xx4l0

Check out episode resources on our website 🧠 https://hubs.li/Q038xx3k0

Check out other episodes of our podcast 🎧 https://hubs.li/Q038kRpf0

Become a speaker at React Universe Conf 2025 🎟 https://sessionize.com/react-universe-conf-2025/

Sign up for Callstack newsletters ✉️ https://hubs.li/Q038kRnp0

Follow us on X 🐦 https://twitter.com/callstackio

Reanimated 4 is here to change the way we build animations in React Native. With CSS-style animations and transitions, animations are now easier to write, more predictable, and work more like they do on the web.

In this episode, Ola Desmurs-Linczewska (https://x.com/p_syche_) sits down with Tomasz Zawadzki (https://x.com/tomekzaw_) and Mateusz Łopaciński (https://x.com/MatiPl01) from Software Mansion to discuss what’s new in Reanimated 4, why React Native is moving toward web standards, and what these changes mean for developers.

We talk about:

💜 Why Reanimated 4?—the motivation behind CSS-based animations and what problems they solve.

💜 How CSS animations & transitions work in React Native—use the syntax you already know!

💜 New Architecture-only support—why the old architecture is gone and what it means for migration.

💜 Aligning React Native with web standards—how Meta and the community are making React Native more like the web.

💜 Modularity and the future of Reanimated—splitting the library into smaller packages for better maintainability.

💜 Migration tips and developer experiments—how to upgrade, test new features, and start using CSS animations today.

Reanimated 4 is in beta now, so experiment with it and share your impressions in the comments!

Check out episode resources on our website 🧠 https://hubs.li/Q036Kc1k0

Share your feedback on this episode ✨ https://bit.ly/fdbck48

Become a speaker at React Universe Conf 2025 🎟 https://sessionize.com/react-universe-conf-2025/

Check out other episodes of our podcast 🎧 https://hubs.li/Q036KbNK0

Sign up for Callstack newsletters ✉️ https://hubs.li/Q036KbNW0

Follow us on X 🐦 https://twitter.com/callstackio

Picture this: your teams are innovating independently, deploying updates swiftly, and navigating complex app architectures with ease. Microfrontends make this possible, much like microservices revolutionized backend development. But what about mobile? How can this approach transform your app development strategy?

To explore these questions, we’re joined by Zack Chapple (https://x.com/Zackary_Chapple ), Co-founder and CEO of Zephyr Cloud, and Jakub Romańczyk (https://x.com/_jbroma ), maintainer of Re.Pack at Callstack. They dive into the evolution of microfrontends, starting with the fundamentals: what they are, why they matter, and how technologies like Module Federation enable them. Zack shares insights on tools like Webpack, Rspack, and Zephyr Cloud, showing how they streamline managing complex frontends.

The episode then shifts focus to mobile, where Zack and Jakub break down the Zephyr Cloud and Re.Pack collaboration. Learn how to tackle platform-specific challenges like managing version compatibility, over-the-air updates, and reducing bundle sizes—all while staying app store compliant. Plus, hear about real-world scenarios, like dynamically loading features or ejecting unused code to optimize performance, and get a sneak peek at Re.Pack 5.

Check out episode resources on our website 🧠 https://hubs.li/Q034233Q0

Check out other episodes of our podcast 🎧 https://hubs.li/Q034237L0

Get your React Universe Conf 2025 tickets 🎟 https://hubs.li/Q03423Hs0

Sign up for Callstack newsletters ✉️ https://hubs.li/Q034235v0

Follow us on X 🐦 https://twitter.com/callstackio

In 2020, Shopify decided to switch to React Native for both new and existing apps. In November 2024, the migration of their mobile app was officially over, resulting in a remarkable 86% unification of code across platforms and a streamlined development process that stems from eliminating 1.8 million lines of redundant code, reducing build times, and achieving seamless feature parity between iOS and Android.

Let’s take a closer look at the decision-making process involved in this transformation with Mike Grabowski (@grabbou at X) as our host and Mustafa Ali (@mustafa01ali at X), Shopify's Director of Engineering, as his guest.

Learn about the motivations for this change, such as reducing duplicated efforts and enabling seamless developer collaboration across web and mobile, the challenges faced, particularly in optimizing performance for their high-usage point-of-sale app, and the essential role of native developers in ensuring exceptional app performance and user experience.

Check out episode resources on our website 🧠 https://hubs.li/Q031_HNC0

Download free React Native Migration Guide 📖 https://hubs.li/Q031_Hxy0

Share your feedback on this episode ✨ https://bit.ly/feedback46

Get your React Universe Conf 2025 tickets 🎟 https://hubs.li/Q030Y5mp0

Check out other episodes of our podcast 🎧 https://hubs.li/Q031_Qmf0

Follow us on X 🐦 https://twitter.com/callstackio

In this episode, we’re taking a closer look at two solutions that can redefine how we

build universal React Native apps: DOM Components and React Server Components. They promise faster and better development—think low-latency interactions, offline capabilities, and the flexibility to scale effortlessly. If you're looking to future-proof your team's workflow and deliver apps that delight users regardless of the platform, this is a must-listen.

To discuss DOM & React Server Components in detail, Łukasz invited Evan Bacon, the creator of Expo Router and Engineering Manager at Expo. Throughout the episode, Evan shares his expertise and journey in creating tools like DOM Components, which enable developers to integrate web code seamlessly into React Native apps, and React Server Components, simplifying server-driven rendering for mobile applications.

Check out episode resources on our website 🧠 https://hubs.li/Q030XWL_0

Share your feedback on this episode ✨ https://bit.ly/fdbck45

Get your React Universe Conf 2025 tickets 🎟 https://hubs.li/Q030XWT40

Check out other episodes of our podcast 🎧 https://hubs.li/Q030XWMz0

Sign up for Callstack newsletters ✉️ https://hubs.li/Q030XWLD0

Follow us on X 🐦 https://twitter.com/callstackio

React Native FastIO: Nitro-Powered Performance Boost | React Universe On Air: Coffee Talk #25 by Callstack

In this episode of the React Universe On Air podcast, Ola has invited Krzysztof Magiera,

the Director of Engineering at Software Mansion, to talk about Radon IDE and why it can be considered a game-changer for React Native developers. Their conversation revolves around:

➡️ the challenges of the available React Native tooling,

➡️ what made Krzysztof start working on Radon IDE,

➡️ how community feedback contributed to what the tool is today,

➡️ the key features of Radon IDE, and how they improve developer velocity and productivity.

Check out episode resources on our website 🧠 https://hubs.li/Q02ZVm8Z0

Share your feedback on this episode ✨ https://bit.ly/ep44feedback

Check out other episodes of our podcast 🎧 https://hubs.li/Q02ZVm030

Sign up for Callstack newsletters ✉️ https://hubs.li/Q02ZVm040

Follow us on Twitter 🐦 https://twitter.com/callstackio