Introduction

React2App instantly transforms your React web app into iOS and Android apps.

What is React2App?

React2App is a tool that lets you turn your React web app into iOS and Android apps in just a few clicks. No need for complicated setups or long processes—it’s quick and easy.

With React2App, you can add native mobile features the same way you do in React, no extra learning required. Want push notifications, authentication, or in-app purchases? Just import them into your project and you’re good to go.

It’s a simple way to take your web app and expand it into the mobile world, reaching more users and growing your app effortlessly.  

What features does React2App provide?

React2App provides three main features to help you build your app.

• React2App CLI: Transform your web React app to iOS & Android apps with a single command

npx react2app build

• React2App SDK: Add app features just like a web development

import { usePushNotifications } from "react2app";
 
export default function App() {
  usePushNotifications();
  return <div>Hello World</div>;
}

• React2App Dev App: Easily preview your work right on your phone as you develop. (under development)

npx react2app dev

FAQ

What is the difference with React Native? It also uses React.

Although you can use React to write codes in React Native, it does not exactly work the same way as web development, so you would need to learn a lot of new things. However, in React2App, you can use exactly the same React code to build iOS/Android apps.

What is the difference with Capacitor/Cordova?

Under the hood, Capacitor/Cordova is using native webview libraries from Apple and Google. It works well for most cases, but when you have to manually manage native code, that means that you have to learn both IOS development and Android development to add custom features. Unlike Capacitor/Cordova, React2App is using React Native under the hood, which means you can write once if you want to add custom features.(also you can use React Native libraries)

Should I have to change my tech stack to use it?

No, you don’t have to change your techstack or any code to use React2App. You can use your existing codebase. React2App is just a tool that allows you to make iOS/Android apps exactly just like developing a web app.

Can I use Next.js ?

Yes, you can use Next.js. Actually, React2App is currently only supporting Next.js.

How does it work under the hood ?

It uses WebView, Expo SDK, React Native libraries, and other native libraries to build iOS/Android apps. We already done all the heavy lifting for you.

Why just can’t I make my own WebView App?

Well, you can. But it is not just a wrapper of React Native. There are a lot of configurations and optimizations to make “WebView” as close to native as possible. You also need to write tons of bridge codes to make it work, hassle with build process, understanding the nature of IOS/Android development and so on. To avoid that, I created React2App.