Bubble mobile apps now run on React Native's new architecture

Hey everyone,

I’m Aditya, an engineering manager at Bubble, and I’m excited to share a foundational upgrade to how Bubble mobile apps work.

We’ve migrated Bubble’s mobile app engine to React Native’s new architecture. This is a significant infrastructure upgrade that improves performance, stability, and sets the stage for future mobile capabilities. To take advantage of this upgrade, you’ll need to create and submit a new build from the Bubble editor; existing live apps will continue running on the previous architecture until updated.

Why this matters

Bubble mobile apps are built on React Native, which is the framework that powers your app’s native experience on iOS and Android. Until now, Bubble’s mobile engine used React Native’s legacy architecture — a system where communication between your app’s logic and native device features (like the camera, animations, or navigation) had to pass through an extra layer, adding overhead to every interaction.

React Native’s new architecture removes that extra layer and replaces it with a more direct, efficient system. In practical terms, this means less overhead, faster interactions, and a more responsive app experience for your end users.

What’s improved

Faster app startup and interactions: By removing the overhead of the legacy architecture, your mobile app can start up faster and respond to user interactions more quickly — particularly noticeable on Android devices.

Smoother animations and UI: The new architecture includes an updated rendering system that processes UI changes more efficiently. This means smoother scrolling, transitions, and animations throughout your app.

Better stability: The new architecture provides a more robust foundation with tighter integration between your app’s logic and native device features, reducing a class of hard-to-debug issues present in the legacy architecture.

Future-proofing: This upgrade brings Bubble’s mobile engine in line with the latest React Native standards, which unlocks our ability to adopt new capabilities and optimizations as the ecosystem evolves.

What you need to do

If you have a live mobile app: To take advantage of the new architecture, you’ll need to create a new build from the Bubble editor and submit it to the App Store and/or Google Play. Your existing live app will continue to work, but it will be running on the older architecture until you create a new build.

If you’re building a new mobile app: No extra steps needed — any new build you create will automatically use the new architecture.

If you are using mobile plugins: The switch to the new architecture may have introduced breaking changes that impact plugins. Please test your app thoroughly in TestFlight or testing track before publishing your app to users in production. Plugin developers have been notified and will be making any adjustments.

If you are using BubbleGo: Download the latest version on iOS and Android for the latest experience.

How to get started

Create a new build from your Bubble editor, deploy it, and submit it to the app stores. That’s it — the new architecture is applied automatically. No changes to your app logic, workflows, or design are required.

If you run into any unexpected behavior after creating a new build, please file a bug report so we can investigate.

For more details on building and deploying mobile apps, check out the manual.

Let me know if you have any questions!

— Aditya and the Mobile team

17 Likes

Hey @aditya.pujari,

Is this what’s commonly referred to as “Nitro” in the React Native ecosystem? If so, that’s awesome! I inquired about it just a few weeks ago, and no mention was made that such efforts were underway. Now I’ve got to re-reconsider my native mobile strategy.

:smirking_face:

1 Like

What good news! I already see the version of Bubble Go on TestFlight and Android too..

I already notice a clear improvement in both animations and interactions on iOS, on Android I haven’t tested it yet.. I would like to evaluate how the startup time changes on iOS and Android.. unfortunately I can’t proceed with the new build yet it seems that some plugin I use has some problems with the new version.. If someone goes live and gives us these parameters I would be grateful!

In the meantime I noticed an opening time of Bubble Go on iOS go from 5 seconds to 2.2..

1 Like

Just tested on BubbleGo. Feels much quicker indeed!

Exciting update.

2 Likes

@nocodeventure Can you take a look at the webview plugin? It doesn’t work with this update..

1 Like

Hi Aditya,

I have a lot of plugins I created for my app.

I wasn’t notified about the adjustments to do.

Any documentation or link with these informations?

Thx

That’s odd, according to the update this should not have effected the webview plugin. We are looking into this. @aditya.pujari any reference to technical documentation? Is Bubble upgraded to React Native 0.84?

1 Like

We have pushed a new update and assume that no code changes are needed and that the plugins just need an update to accommodate the latest react update, assuming its React Native 0.84 - Hermes V1. We’ll wait for Bubble to answer.

Please update to version 1.19.0

1 Like

Hi Aditya! Thanks for this amazing foundational upgrade. The performance boost is definitely noticeable!

I’d like to report an issue I’m seeing with the new architecture on Android (tested via the latest BubbleGo app). It seems the app is now rendering ‘Edge-to-Edge’, causing the App Bar/Header to overlap with the device’s Status Bar (clock, battery, etc.).

In the Bubble Editor, the layout looks perfectly fine, but on the device, the top content is being ‘cut off’ or hidden behind the Status Bar.

It looks like the safe-area-context isn’t being automatically applied to the page top padding as it was in the legacy architecture. Is there a recommended way to handle these safe area insets now, or is this a bug in how the new engine calculates the viewport?

Thanks for the support!

2 Likes

We are currently on v0.81.5 of react-native, specific mobile packages and versions can be seen in the “Shared” tab on the plugin editor

Correct, there were no problems. It was my oversight.. On android there is actually a problem as reported by @mibbebr

On Android I see the fluidity increased a lot, but the cold opening time seems to have increased from 4 seconds before to 7 current..

I also had the chance to try iOS because Apple just approved it. I have to say that the internal fluidity is truly amazing and even opening large pages that previously took up to 2 seconds now open instantly. As for opening times, I haven’t seen any improvements or worsening either. We’re still around 4 seconds. I hope this helps someone. In any case, another big step forward :flexed_biceps:t3:

2 Likes

Anyones app crashing now quite a bit? I swear the bubble go app feels amazing, but then my live app is quite buggy. Its crashing everytime a new piece of data is loading in a vertical list. @aditya.pujari have you had any bug reports with this ^^

EDIT* Vertical Lists are being very weird when an update occurs in the backend

These are the kinds of updates we want to see!!

3 Likes

very nice, is it possible to have an update on the web version also ? the front end of the web version is slow (pages slow to load) could/should it be also on react ? @aditya.pujari @emmanuel

1 Like

There used to be rumblings of this a while back but I haven’t heard anything about it for a year or longer.

Not according to Emmanuel (timestamp is 7:11). This is despite the fact that a brand new blank Bubble page will take at least 2.4s to load.

Sorry just out of curiosity how long does it take your pages to render completely on the web?

Using lighthouse, never seen anything lower than this.

I have never done such a test because I have a third-party login that would falsify the result (it would be their loading speed). But since some time ago they made updates my app is fast.. and it’s quite complex and heavy so I wouldn’t know what to say..

Show me the Lighthouse scores. Make a private browsing session, open developer tools, and generate a report. I’ve never seen a Bubble app load faster than mine. This is what 2026 websites should look like.

And @georgecollier‘s for good measure.

All stems from the “bootstrapped” philosophy of putting the minimum effort into the things you don’t excel at. That’s not how you win in the big leagues. The fact that they are OK with people making landing pages on Webflow/Framer/Wordpress or just Vercel/React is a big issue. On the backend, it’s the same thing, just with things like Cloudflare Workers etc. At scale, you win with packaging and ecosystems that people can’t/won’t escape from. I wish they understood that leaking users to 3rd party systems is a slippery slope that ends with Bubble becoming irrelevant.

2 Likes