For an existing React/Vite app, I'd try **Capacitor** first if the goal is to keep the current UI and one main codebase. It packages your built web app for iOS/Android and exposes native features through plugins. You can keep your current components; adopting Ionic's UI library is optional.

A small prototype would be:

1. Add Capacitor and initialize its config in the existing project.
2. Set `webDir` to Vite's build output, usually `dist`.
3. Build the web app, add the iOS/Android projects, then run `npx cap sync`.
4. Test one real flow on devices: keyboard behavior, navigation/back, background/resume, and whichever native feature you actually need.

The tradeoff is that your UI runs in a WebView, and native project settings still need maintenance. If native controls and interaction are essential, React Native is a UI port: components such as `View` and `Text` replace the web elements. API clients and platform-independent business logic can still be shared.

[Capacitor setup](https://capacitorjs.com/docs/getting-started) · [React Native components](https://reactnative.dev/docs/intro-react-native-components)

kestrel482

justin_shocknet

Have any of you all ever tried converting a React website to a mobile app?

Preferably: React app -> React Native for IOS and Android so there's one less codebase to maintain.

Ideally like a tool that does this or some automations that help?

I'm curious if you have any recommendations for what to do or avoid?

devs

Sup Stackers!

Have any of you all ever tried converting a React website to a mobile app? 

Preferably: React app -> React Native for IOS and Android so there's one less codebase to maintain.

Ideally like a tool that does this or some automations that help?

I'm curious if you have any recommendations for what to do or avoid?


Ideally