Bubble Native Mobile - Hands on video overview

ZubairLK · 2024-10-12T10:39:47.088Z

Hey everyone!

I just tried out Bubble’s new native mobile beta for a few hours and I’m really excited about it.

Handling navigation and modals were a nightmare before.

But in just 30 minutes, I was able to build a simple app with features like swipe actions, navigation tabs, and bottom modals.

I’m really excited about the new possibilities.

Check out the video for the full overview

Thanks
Zubair
https://www.linkedin.com/in/zubairlk/

azkytech.com

AZKY Tech Labs: Launch your new product in weeks!

We use NoCode to build products faster and help you get to product market fit quicker!

YouTube

Zubair Lutfullah Kakakhel

Software Engineer to #NoCode aficionado 👨‍💻 | Turning ideas into web apps 🚀 | Founder AZKY Tech Labs Bubble Bootcamp instructor | Coach | 🎮

sem · 2024-10-12T14:08:48.307Z

Thanks for sharing!

One thing I am wondering and you perhaps can answer is the following.

The simple apps like you showed is now possible already with a click of a button using wrappers. Plus is that you only have to develope it all once.

There is almost only one and one reason only why you do not want to wrap but want to have a native app. That’s where performance comes in. Think about maps with all kinds of UI/UX options like zoom/pitch and many data points. Or accessing native functions without draining the battery like background gps tracker but also Face ID, HealthKit access, notifications, social logins, deep links, analytics etc.

What is your take on that? Are they already far with implementation of these things? Have you already had the change to probe performance?

ZubairLK · 2024-10-12T14:25:12.959Z

No chance to probe into performance yet.

Due to the underlying nature of the tech, react native apps vs rendered web, I suspect it will be faster overall

The native hardware access at the moment is camera.

I’m sure more is coming soon

Keep in mind, this is beta. And v1

So this is the foundation. I’m sure there will be lots of updates to this entire section of bubble over time making it a rich ecosystem.

And I suspect once the plugin infrastructure opens up, a loooot of react native mobile components will suddenly trickle through as well

Thanks
ZubairLK

reger-alexander · 2024-10-12T21:50:04.998Z

It looks good, thanks for sharing

messly · 2024-10-13T02:41:11.297Z

Thanks Zubair - great video.

One question - can you copy/paste UI components from the web to native mobile, or are there restrictions on the types of components/state changes etc?

msgiblin · 2024-10-13T03:02:49.112Z

Thanks for sharing! Is the process behind custom states the same or is there an equivalent of temporary data stored on the user’s session?

anon79941647 · 2024-10-13T03:43:52.237Z

How the updates system will work?

anon48935332 · 2024-10-13T11:28:01.153Z

thanks for the video…sooo keen for this!!

ZubairLK · 2024-10-14T13:49:12.268Z

See here

manual.bubble.io

Deploying | Bubble Docs

ZubairLK · 2024-10-14T13:49:36.033Z

msgiblin:

Thanks for sharing! Is the process behind custom states the same or is there an equivalent of temporary data stored on the user’s session?

I used states during my video.

Didn’t realize or think it behaved any differently

ZubairLK · 2024-10-14T13:51:27.685Z

messly:

can you copy/paste UI components from the web to native mobile, or are there restrictions on the types of components/state changes etc?

Just tested basic copy paste. It works.

However, I only tested on a text & button. Using any plugins probably wont work as the underlying plugin infrastructure is completely different…

Thanks
Zubair

YouTube

Zubair Lutfullah Kakakhel

Software Engineer to #NoCode aficionado 👨‍💻 | Turning ideas into web apps 🚀 | Founder AZKY Tech Labs Bubble Bootcamp instructor | Coach | 🎮

azkytech.com

AZKY Tech Labs: Launch your new product in weeks!

We use NoCode to build products faster and help you get to product market fit quicker!

georgecollier · 2024-10-14T14:12:07.975Z

messly:

One question - can you copy/paste UI components from the web to native mobile, or are there restrictions on the types of components/state changes etc?

Components that are identical can copy:

Groups
Buttons
Text
Input

etc

Popups, for example, do not copy, as they are not mobile native elements. Similarly, plugin elements won’t copy, as these are not supported in mobile native.

mo.salama · 2024-10-16T21:50:55.321Z

Thanks a bunch! That was super helpful.

ltapps · 2024-12-08T13:42:24.419Z

Hello,

I’m just starting with bubble mobile native and want to ask if I can create my mobile app in same app like my webapp (starter) .

I’m asking because in mobile app guide was written something about not mixing web app and mobile app branches. I do not have branches as I’m on starter.

Thanks