Using ReactJS with VoltBuilder

ReactJS is one of the most popular ways to develop web apps. It makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.

For mobile apps, React suggests using React Native. It’s highly optimized for mobile devices and requires a separate code base for your app.

Using VoltBuilder, you can make your ReactJS apps into native mobile apps, using the same code base as your desktop version. All functionality is retained - the app will have the same look and feel as the desktop.

It’s pretty easy to do. Use the React Template. Copy the files in your React projects’s dist folder into the template’s www folder.

Keep in mind that the pathnames to your assets in index.html should be relative, like this:

<link rel="stylesheet" href="./style.css">

That’s pretty much it. Zip it, then upload to VoltBuilder using the Android option.

You can also build for iOS once you’ve added the signing data Apple requires.

What VoltBuilder does

To start testing your app right away check out VoltBuilder!

VoltBuilder is a wrapper for Apache Cordova and Ionic Capacitor. We make it easy for you to build native executables (e.g., .apk, .aab, and .ipa) for Android and iOS from web apps. You can augment these executables with native code plugins to extend your app’s capabilities far beyond what is possible in Web Apps and PWAs.

Using VoltBuilder simplifies and speeds up your workflow while keeping things framework neutral. As a web service, there is nothing you need to install. We also keep everything up to date so you can focus on building to the latest standards, and make sure to keep you in the loop on things that might affect your build process.

The way VoltBuilder works is simple. Zip your project, upload it to VoltBuilder, and download your Android or iOS executable.

Getting Started With VoltBuilder

If you haven’t already, sign up and select the VoltBuilder plan that best fits your needs and budget. You can use the Free plan for limited testing, or get more builds by trying out our Indy or Pro plans with a 15 day free trial!

Then, check out our Docs Section to learn how to integrate VoltBuilder into your development process.

When you’re ready to upload your first project, watch our video tutorial (or read the tutorial in our docs). The Docs section has plenty of other helpful resources, like Migration Guides, sample projects, and tips to get you started! If you need extra help, stop by our Support Forum!