Giter VIP home page Giter VIP logo

foos-native's Introduction

foos-native

Requirements

  • node >= 8.3
  • Foos REST API

Setup

The first step would be to clone this project Clone this project, and install npm dependencies with yarn

git clone [email protected]:brendan-roche/foos-native.git
cd foos-native
yarn

Foos REST Api

During development you would need to have setup the Foos API on your local dev env:

https://github.com/brendan-roche/foos

You can change the base url the REST API points to in

src/constants/api.js

By default it points to http://localhost:5000

The Live REST API is http://foos.test.kounta.com

React Native

Then get react-native setup within your local environment. Follow instructions for "Building Projects with Native Code", not using Expo:

https://facebook.github.io/react-native/docs/getting-started.html

Install watchman, and optionally install / upgrade node so it is > 8.3 via brew:

brew install node
brew install watchman

Install react-native CLI

npm install -g react-native-cli

IOS

Install Xcode and Command Line Tools

Run the IOS simulator

react-native run-ios

Android

Install Java Development Kit

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

Install Android Studio with custom setup

  • Android SDK
  • Android SDK Platform
  • Performance (Intel ® HAXM)
  • Android Virtual Device

Install the Android SDK with Android 8.1 (Oreo) SDK

  • Android SDK Platform 27
  • Intel x86 Atom_64 System Image or Google APIs Intel x86 Atom System Image

Configure the ANDROID_HOME environment variable

Add the following lines to your $HOME/.bash_profile config file:

export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools

Create a new Android Virtual Device using Android Studio: https://developer.android.com/studio/run/managing-avds.html

If you don't have HAXM installed, follow these instructions to set it up, then go back to the AVD Manager.

Run the Android simulator

react-native run-android

Generating a Signed Build

https://facebook.github.io/react-native/docs/signed-apk-android The release key was generated by:

keytool -genkey -v -keystore foos-release-key.keystore -alias foos-key -keyalg RSA -keysize 2048 -validity 10000

and is stored in:

android/app/foosy-release-key.keystore

To generate a signed build:

cd android
./gradlew assembleRelease

The build will be created in:

android/app/build/outputs/apk/release/app-release.apk

Testing signed build

react-native run-android --variant=release

Troubleshooting

Android compiling issues: Kureev/react-native-blur#283

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.