Code Monkey home page Code Monkey logo

react-native-app-wallet's Introduction

React Native with Firebase Study

Integration between firebase and React Native

Installation

  1. Install ExpoCLI: $ npm i -g expo-cli
  2. Install yarn: $ brew install yarn
  3. Install react native project create: $ expo init app > blank (typescript) template
  4. Install dependencies: $ cd app && yarn install
  5. Running: $ npm start
  6. IF NEEDED: $ expo upgrade
  7. IF STUCKED IN ANY ERROR: $ expo doctor

Creating the Emulators

  1. Create a Nexus 5X with google play services
  2. Create a Pixel 3a with google play services

Running the app

  1. Run: $ yarn run start or $ yarn start
  2. Press "d" to open dev tools or enable auto dev tools by clicking: shift+d
  3. INSTALLING EXPO_APP: 1. For the fisrt time Click on: "Run on Android device/emulator" to install ExpoApp on it 1. wait it to finish the javascript build 1. on the first time it spend more time because it is installing the ExpoApp 1. close the emulator that already installed ExpoApp & click again on the command to install on the another
  4. RUNNING APP ON EXPO_APP:
    1. Open/Start the Device/Emulator
    2. $ npm start
      1. CORRECT is to open developer tools: d
      2. type the choosen emulator: a=android ; i=ios ; w=web

Devices on ExpoDevTools

ExpoDevTools

Dependencies

Dependencies

React Expo Node

expo-cli supports following Node.js versions:

  • =12.13.0 <13.0.0 (Maintenance LTS)

  • =14.0.0 <15.0.0 (Active LTS)

  • =15.0.0 <17.0.0 (Current Release)

Windows Installation

  1. Install Chocolate (need to open power shell as admin): Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))
  2. Install dependencies: choco install -y nodejs.install openjdk8
  3. Download android studio & download the SDK Platforms (latest & version Q (10)) & install SDK Tools (ADM or Intel)
  4. Setup environment variables:
    1. Add new variable: ANDROID_HOME = C:\Users\user\AppData\Local\Android\Sdk
    2. Add to the path: C:\Users\user\AppData\Local\Android\Sdk\platform-tools
  5. Windows Terminal (download from Microsoft Store) allows to open any Windows bash type (git bash, powershell & prompt)
  6. Change windows terminal (on settings) to git bash as default bash
  7. On windows terminal (using git bash): npm i -g expo-cli
    1. IF NETWORK ERROR: npm config set registry http://registry.npmjs.org/ && npm config set strict-ssl false && restart windows
  8. Sample project test init: expo init

Expo Cloud

  1. Register (sign up): expo register
  2. Login (sign in): expo login
  3. Check login: expo whoami

React Native Icons

  1. Package: react-native-vector-icons (https://oblador.github.io/react-native-vector-icons/)

react-native-app-wallet's People

Contributors

tongarcia avatar

Watchers

James Cloos avatar  avatar

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.