Get Started
This section will help you walk through the minimum required setup to run the project.
Requisite setup
First, this is important, please make sure you have already install and run the simulator successful base on this guide - https://facebook.github.io/react-native/docs/getting-started.html, it will help you install and build your first Example React Native app. If you start with the Expo project please select "Quick Start", and if you start with "Pro version" you should start with "Building Projects with Native Code"
Video Installing Guide
Note: Videos guide don't contain environment setup walkthrough. Read install instructions section below for more details.
Pro version installing guide
Expo version installing guide
Quick Install (Pro version)
BeoNews was built on React Native framework. To run the project, you need to install React Native, please back to "Requisite Setup" before go to this section
Extract the project source code to your workspace. Go to the root folder of the project folder
iOS setup (Mac OS only)
Open command prompt and run the following command, you can use for both Expo & Pro version:
yarn setup
// yarn could be install via https://yarnpkg.com/en/
Android setup
This is command prompt is used for Pro version
// Step 1:
yarn install
// yarn could be install via https://yarnpkg.com/en/
// Step 2: open your simulator by using Genymotion or Android Studio
// Please see the detail setup from Requisite setup
// To check the Android device is ready or not, run: adb devices
// Step 3:
react-native run-android
Quick Install (Expo version)
Extract the project source code to your workspace. Go to the root folder of the Expo version (mstore-expo)
Install Expo XDE
XDE stands for Expo Development Environment. It is a standalone desktop app that includes all dependencies you’ll need to get started.
Download the latest version of Expo XDE from: https://expo.io/tools
Expo also release the new tool Expo Dev Tools (beta) which is quite better performance, https://blog.expo.io/announcing-expo-dev-tools-beta-c252cbeccb36
Mobile Client: Expo for iOS and Android
The Expo client is like a browser for apps built with Expo. When you boot up XDE on your project it generates a unique development URL for you, and you can access that from the Expo client on iOS or Android, either on a real device or in a simulator.
On your device: download for Android from the Play Storeor for iOS from the App Store
You don’t need to manually install the Expo client on your emulator/simulator, because XDE will do that automatically.
Project installing
Then the script to create the node_modules folder: yarn install or npm install
Open the XDE and open the project folder, then you can run the project on simulator by click to Device, open on iOS Simulator or Open on Android.XDE tools
This is other way to run the project via terminal:
// Step 1:
npm install
// or run yarn below, this is similar to Yarn but could be faster
// install Yarn from https://yarnpkg.com
// run the script after install: yarn install
// Step 2:
exp start
// Step 3:
exp android
Last updated