How to build a hybrid mobile app using Yarn, React Native, MobX and Firebase, 0 to 100 (Real Quick).

As for now the starter app only includes user authentication, simple post submission, post feed and the start of the account page.

Background

A year ago, we mostly used Ionic Framework to build the mobile apps of our dreams and clients. Today JSapp.me is purely a React Native mobile app studio. We love how fast and simple it has become to develop mobile apps for both platform iOS and android.

One language, JavaScript, one source code.

As a long time coder, I always try to write the most simple and easy to maintain code. Today tools and libraries like Yarn, React Native, MobX and Firebase allow us to build mobile apps with the least code as never before. Our goal for the https://github.com/jsappme/react-native-firebase-starter repo was to build the most advanced social mobile apps for less than 1000 lines using only well supported libraries and tools. We use React Native mostly because the development flow is easy n’ fast and it produces very stable, low memory and light mobile apps. We love MobX because it’s the easiest store management for React apps and Firebase because so far it’s being well supported by Google and who needs its own server today.

Prerequisites

• We recommend Yarn to install and manage the npm packages.
• React Native is installed on your system.
• Have the Android SDK and paths set properly.
• An android emulator or real device to run the app.
• A google account for having Firebase Web configuration.
• Xcode installed to test the app on an iOS devices or simulator.

Step by steps instructions (less than 5 minutes to build your own app)

First clone the repository using:

git clone https://github.com/jsappme/react-native-firebase-starter.git
cd react-native-firebase-starter

Then install the dependencies using:

yarn

To link the react-native-vector-icons package to react native:

react-native link

Then run the following command to run the app on the emulator.

react-native run-android

or if you have Xcode installed:

react-native run-ios

To see the logs:

react-native log-android

or

react-native log-ios

That’s it!

Try the app for either iOS or android

JSapp My App on the App Store

JSapp My App - Android Apps on Google Play

We love to hear your comments and suggestions. This github repo is a work in progress, we will keep improving and adding new features to it, so please follow us.