Setup - install:

• NodeJS LTS z www.nodejs.org
• ReactNative CLI $ npm install -g react-native-cli
• xCode / AndroidStudio

Create new project

d

IDE

• Atom
• with Nuclide package

Debugging

• open: cmd + shift + A
• launch the app with debugger and use breakpoints
• start Android emulator / iOS simulator
  • iOS requires fbsimctl

    • reqires Xcode 8 ale kedze je uz 9, tak to robi problemy!

    • brew tap facebook/fb

    • export CODE_SIGNING_REQUIRED=NO && brew install fbsimctl --HEAD

• or use Chrome dev tools: https://codeburst.io/react-native-debugging-tools-3a24e4e40e4

Background execution

• only Android has support for headless JS
• new libraries for task scheduling from JS code:
  • React Native Queue
  • React Native Background Task
    • iOS has limitation for 30s bg task!
    • won't work on a simulator
  • medium article about them

Localization

• react-native-i18n

UI

• uses platform widgets
• communication via JS bridge - can become a bottleneck
• can mix native and React Native (both ways)

Images

• from shared directory
  • platform file extensions (*.android.png / *.ios.png)
  • size sufixes (*@2x.png, *@3x.png)
• from android/ios dir
• from network
• more info
• svg support
  • svg-to-react-cli

Animations

• Animated core library (no CSS)
• for more see this video

Bridging

• communication between Native and React Native
• Native Components
• Native Modules
• CLI tool react-native-create-bridge
  • generates all necessary boilerplate
  • supports Java/Kotlin, ObjC/Swift
  • video

DB

• react-native-sqlite-storage
• Realm React Native

Android Shared Preferences / iOS Keychain

• react-native-sensitive-info

CodePush

• cloud service from Microsoft
• deploy mobile app updates instantly
• medium article
• can't use if you change a native module

Redux

• redux
• example