Learning React Native: Building Native Mobile Apps with JavaScript

 

1. What is React Native ?  
2.  Working with React Native
3.  Building Your First Application
• React.Component, https://reactjs.org/docs/react-component.html
• TextInput, http://facebook.github.io/react-native/docs/textinput.html#content 
• Debugging, https://facebook.github.io/react-native/docs/debugging.html 
• OpenWeatherMap, http://openweathermap.org/
4. Components for Mobile
1. Analogies Between HTML Elements and Native Components
1. The Text Component, https://facebook.github.io/react-native/docs/text.html
2. The Image Component, https://facebook.github.io/react-native/docs/image.html
2. Working with Touch and Gestures
1. Using TouchableHighlight
2. The GestureResponder System, https://facebook.github.io/react-native/docs/gesture-responder-system.html
3. PanResponder, https://facebook.github.io/react-native/docs/next/panresponder.html
1. Choosing how to handle touch
3. Working with Organizational Components
1. Using ListView
1. FlatList, https://facebook.github.io/react-native/docs/next/flatlist.html
2. SectionList, https://facebook.github.io/react-native/docs/next/sectionlist.html
2. Using Navigators
3. Other Organizational Components
1. Android Design Guide, https://developer.android.com/design/index.html
2. iOS Human Interface Guidelines, https://developer.apple.com/ios/human-interface-guidelines/overview/themes/
4. Platform-Spesific Components
1. iOS- or Android-Only Components
2. Components with Platform-Specific Versions
3. When to Use Platform-Specific Components
5. Summary
5. Styles
1. Declaring and Manipulating Styles
1. Inline Styles
2. Styling with Objects
3. Using Stylesheet.Create
1. Style, http://facebook.github.io/react-native/docs/style.html
4. Style Concatenation
2. Organization and Inheritance
1. Exporting Style Objects
2. Passing Styles as Props
3. Reusing and Sharing Styles
3. Positioning and Designing Layouts
1. Layouts with Flexbox
1. Using CSS Flexible Boxes, https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes
2. Using Absolute Positioning
3. Putting it Together
4. Summary
1. React: CSS in JS, https://speakerdeck.com/vjeux/react-css-in-js
6. Platform APIs
1. Using Geolocation.  https://developer.mozilla.org/en-US/docs/Web/API/Geolocation
1. Getting the User’s Location
2. Handling Permissions
3. Testing Geolocation In the iOS Simulator
4. Testing Geolocation In the Android Simulator
5. Watching the User’s Location
6. Limitations
7. Updating the Weather Application
2.  Accessings the User’s Images and Camera
1.  The CameraRoll Module
2.  Requesting Images with GetPhotoParams
3.  Rendering an Image from the Camera Roll
4. Displaying a List of Photos
5. Uploading an Image to a Server
1. https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
3. Storing Persistent Data with AsyncStore
1.  Other Storage Options
4. The SmarterWeather Application
1. The WeatherProject Component
2. The Forecast Component
3. The Button Component
4. The LocationButton Component
5. The PhotoBackdrop Component
5. Summary
7. Modules
1. Installing JavaScript Libraries with npm
2. Native Modules for iOS
1. Including a Third-Party Component
2. Using the Video Component
3. Anatomy  of an Objective-C Native Module
4. Implementation of RCTVideo
3. Native Modules for Android
1. Installing a Third-Party Component
1. react-native-linear-gradient, A <LinearGradient /> component for react-native, https://github.com/react-native-community/react-native-linear-gradient
2. Anatomy of a Java Native Module, 
1. Log, https://developer.android.com/reference/android/util/Log.html
3. Android Implementation of LinearGradient
1. Native UI Components, https://facebook.github.io/react-native/docs/native-components-android.html
4. Cross-Platform Native Modules

Referensi

1. Belajar Bareng React Native, http://reactnative.openthinklabs.com/
2.  Errata for Learning React Native, http://www.oreilly.com/catalog/errata.csp?isbn=0636920041511
3. Code samples for the book Learning React Native, https://github.com/bonniee/learning-react-native