ReactNative Scripts

Template

• https://github.com/infinitered/ignite-bowser

Network (check if no network)

• https://github.com/react-native-vietnam/react-native-network-state

Camera

• https://github.com/wix/react-native-camera-kit

Device Permission

• https://github.com/yonahforst/react-native-permissions

Stylus

• https://github.com/kristerkari/react-native-stylus-transformer

UI Component

• http://nativebase.io/
• https://github.com/react-native-community/react-native-elements
• https://github.com/shoutem/ui
• https://github.com/sonnylazuardi/awponent

Learn flexbox

• https://facebook.github.io/react-native/docs/flexbox.html

UI View

• Magazine ListView: https://github.com/ggomaeng/react-native-magazine-listview
• Card Modal: https://github.com/ggomaeng/react-native-card-modal

Animation

• http://www.lottiefiles.com/
• https://github.com/oblador/react-native-animatable

CLI Template

• facebook/react-native#12548

react-native init MyApp --template foo to create from github project name react-native-template-foo

Navigator

• https://github.com/react-community/react-navigation
• http://airbnb.io/native-navigation/
• https://github.com/sergeyshpadyrev/react-native-easy-router/

tools

ref: https://medium.com/@bilalbudhani/9-libraries-to-consider-for-your-next-react-native-project-723f179d4764#.13j6va6v4

• Iconic: https://github.com/prscX/react-native-iconic
• Icons: https://github.com/oblador/react-native-vector-icons
• Form: https://github.com/FaridSafi/react-native-gifted-form
• Push: https://github.com/zo0r/react-native-push-notification
• Image Progress: https://github.com/oblador/react-native-image-progress
• GA: https://github.com/idehub/react-native-google-analytics-bridge
• Fabric: https://github.com/corymsmith/react-native-fabric
• Loading: https://github.com/BilalBudhani/react-native-sleek-loading-indicator

Audio & Video

• https://github.com/react-native-kit/react-native-track-player
• Background Play Setting: https://developer.apple.com/library/archive/documentation/Audio/Conceptual/AudioSessionProgrammingGuide/AudioSessionBasics/AudioSessionBasics.html#//apple_ref/doc/uid/TP40007875-CH3-SW3
• https://github.com/react-native-community/react-native-video

Intro

• https://github.com/FuYaoDe/react-native-app-intro

Chat

• https://github.com/FaridSafi/react-native-gifted-chat

Map

• https://github.com/airbnb/react-native-maps

Share

• https://github.com/EstebanFuentealba/react-native-share

Others:

• Router: https://github.com/jmurzy/react-router-native
• Debugger https://github.com/jhen0409/react-native-debugger

TabView

• https://github.com/skv-headless/react-native-scrollable-tab-view

Offline

• https://github.com/jevakallio/redux-offline

Awesome React Native

• https://github.com/jondot/awesome-react-native

Tips:

• WebView Height: https://facebook.github.io/react-native/docs/dimensions.html set WebView height to Dimensions.get('window').height
• Safari View: react-native-safari-view, https://github.com/naoufal/react-native-safari-view
• Config, react-native-dotenv, https://github.com/zetachang/react-native-dotenv

中文

• http://reactnative.cn/
• http://manongs.com/a/lmqLEh
• http://ithelp.ithome.com.tw/users/20103341/ironman/1023

TODO

• learn boilerplate https://github.com/jhen0409/react-native-boilerplate
• learn ignite https://github.com/infinitered/ignite

Launch Screen

• http://stackoverflow.com/questions/34027270/ios-launch-screen-in-react-native $ npm install -g yo generator-rn-toolbox $ brew install imagemagick $ yo rn-toolbox:assets --splash YOUR_SQUARE_IMAGE.png --ios :w

TimeLine

• https://github.com/thegamenicorus/react-native-timeline-listview

FastImage

• https://github.com/DylanVann/react-native-fast-image

Input Prompt

• https://github.com/SkrewEverything/react-native-input-prompt

WeChat

• https://github.com/yorkie/react-native-wechat

i18n

• https://github.com/fnando/i18n-js

Keychain

• https://github.com/oblador/react-native-keychain

react-native-localize

• https://github.com/react-native-community/react-native-localize

react-native-splash-screen

• https://github.com/react-native-community/react-native-localize

react-native-hooks

• https://github.com/react-native-community/react-native-hooks

Template

• https://expo.io/
• https://github.com/react-community/create-react-native-app
• https://github.com/infinitered/ignite
• https://nativebase.io/

react-native-git-upgrade tips

• keep current node_modules match old/current react-native version
• update .babelrc for new version sample
• update rn-cli.config.js if it exists
• react-native-git-upgrade
• ncu -ua

Event Listener?

• https://facebook.github.io/react-native/docs/appstate

QR Code

• https://github.com/awesomejerry/react-native-qrcode-svg

浮動視窗/跨頁面 component

• https://github.com/magicismight/react-native-root-siblings

Admob

• https://github.com/sbugert/react-native-admob