React Native

COMMAND FOR BUNDLE :

To genrate debug APK in android:
1.Go to project folder in terminal
2.Run this command :(if you have index.js in project root then run )* prefered

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

or (if you have index.android.js in project root then run )
react-native bundle --dev false --platform android --entry-file index.android.js --bundle-output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest ./android/app/build/intermediates/res/merged/debug
3.Create debug apk:
(i) cd android/
(ii) ./gradlew assembleDebug



REACT NATIVE APP :

https://github.com/ReactNativeNews/React-Native-Apps


OBJECT KEYS :

The `Object.keys()` method returns an array of a given object's own property `names`, in the same order as we get with a normal loop.

const object1 = { a: 'somestring', b: 42, c: false };

console.log(Object.keys(object1)); // expected output: Array ["a", "b", "c"] 


The `Map` object holds key-value pairs and remembers the original insertion order of the keys. Any value (both objects and primitive values) may be used as either a key or a value.

STATE AND PROPS :

There are two types of passing data,

1. State : Used if your component is in the same class you can simply use state to pass data between components
2. Props : Used if you want to pass data between different class (child <-> parent).

reference: https://facebook.github.io/react-vr/docs/components-props-and-state.html React Native also recomend to use state management if your app is getting bigger. One of the most used state management is by using REDUX, in short you can make your props behave like a global variable that you can access across your app. for more detailed introduction you can read this : https://medium.com/@jonlebensold/getting-started-with-react-native-redux-2b01408c0053