Index

G

Geofencing API, Working Around Limitations
Geolocation API
- handling permissions, Handling Permissions
- non-supported features, Working Around Limitations
- React Native support for, Using Geolocation
- reading user's location, Reading the User’s Location
- testing in emulated devices, Testing Geolocation in Emulated Devices
- watching user's location, Watching the User’s Location
gestures (see touch and gestures)
getting started (see applications, building)

H

<HeadingText> component, Reusable Components
host platform APIs
- accessing, Platform APIs
- AsyncStorage, Storing Persistent Data with AsyncStorage, Persisting Data with AsyncStorage-Persisting Data with AsyncStorage
- CameraRoll, Accessing the User’s Images and Camera-Uploading an Image to a Server
- Geolocation, Using Geolocation-Updating the Weather Application
- React Native support for, Host Platform APIs
- SmarterWeather application, The SmarterWeather Application-Summary
- working with non-supported, Modules and Native Code
HTML elements, Native counterparts to, Analogies Between HTML Elements and Native Components

I

<Image> component, The <Image> Component-The <Image> Component
images
- adding background, Adding a Background Image, The <Image> Component, The <PhotoBackdrop> Component
- including web-based sources, The <Image> Component
- interacting with CameraRoll API, Accessing the User’s Images and Camera
- rendering from CameraRoll, Rendering an Image from the Camera Roll
- requesting with getPhotoParams, Requesting Images with GetPhotoParams
- setting image paths, The <Image> Component
- sizing appropriately, Common Xcode Problems
- styling, The <Image> Component
- uploading to servers, Uploading an Image to a Server
import statements, Exploring the Sample Code, Handling User Input, Writing an Objective-C Native Module for iOS
in-app developer menu, Activating the Developer Options
inline styles, Styling Native Components, The <Text> Component, Using Inline Styles
inspect element tool, Using Inspect Element
iOS
- <DatePickerIOS>, Working with Views
- <SegmentedControlIOS>, Other Organizational Components
- <TabBarIOS>, Other Organizational Components, iOS- or Android-Only Components
- creating applications for, Creating Your First Application with create-react-native-app, Creating Your First Application with react-native
- debugging application errors, Common Xcode Problems
  - (see also debugging and developer tools)
- debugging deployment issues, Issues Deploying to an iOS Device
- deployment and release steps, Deploying Your Application-Release
- design guidelines, Other Organizational Components
- human interface guidelines, When to Use Platform-Specific Components
- iOS-only components, iOS- or Android-Only Components
- previewing your app on, Previewing Your App on iOS or Android
- react-native-video component for, Exploring react-native-video for iOS-Exploring react-native-video for iOS
- rendering images on, The <Image> Component
- running apps on, Running Your App on iOS
- running apps on simulators, Handling User Input, Summary, Testing Geolocation in Emulated Devices, Simulator Behavior
- UIView, Working with Views
- writing Objective-C modules for, Writing an Objective-C Native Module for iOS-Writing an Objective-C Native Module for iOS

J

Java native modules, Java Native Modules-Writing a Java Native Module for Android
- getName, Writing a Java Native Module for Android, Exploring react-native-video for Java
JavaScript
- Babel compiler for, Modern JavaScript Syntax
- debugging practices in Native, JavaScript Debugging Practices, Translated-Working with the React Developer Tools
- default parameters, Default Parameters
- destructuring, Destructuring
- fat-arrow syntax, Fat-Arrow Functions
- function shorthand, Function Shorthand
- importing modules, Importing Modules
- installing JavaScript libraries, Installing JavaScript Libraries with npm
- let and const, let and const
- string interpolation, String Interpolation
- testing code, Testing Your Code
- working with Promises, Working with Promises-Working with Promises
Jest
- snapshot testing with, Snapshot Testing with Jest-Snapshot Testing with Jest
- unit testing with, Unit Testing with Jest
JSX (JavaScript eXtension), Using JSX

L

layouts
- creating complicated, Putting It Together-Putting It Together, Application Screens-Application Screens
- navigating between screens, Using React-Navigation-Implementing the Rest
- React Native approach to, Positioning and Designing Layouts
- using absolute positioning, Using Absolute Positioning
- with flexbox, Using Layouts with Flexbox-Using Absolute Positioning
library functions, importing, Exploring the Sample Code
lists
- API selection for, Working with Lists
- as central element of mobile, Working with Lists
- optimizing list rendering, Working with Lists
- using <FlatList> component, Using the Basic <FlatList> Component-Integrating Real Data
- using <SectionList> component, Working with <SectionList>-Working with <SectionList>
Location Services, Using Geolocation
location-based features, advanced, Working Around Limitations
logcat command (Android), Debugging with console.log

M

MDN Geolocation API web specification, Using Geolocation
modules and native code
- benefits of modular approach, Declaring and Manipulating Styles
- cross-platform native modules, Cross-Platform Native Modules
- definition of native modules, Writing an Objective-C Native Module for iOS
- importing JavaScript, Importing Modules
- importing modules, Exploring the Sample Code
- installing JavaScript libraries, Installing JavaScript Libraries with npm
- installing third-party, Installing Third-Party Components with Native Code
- Java native modules, Java Native Modules-Exploring react-native-video for Java
- Objective-C modules, Objective-C Native Modules-Java Native Modules
- use cases for, Summary
MP4 video assets, Installing Third-Party Components with Native Code

N

native code (see modules and native code)
navigation
- adding react-navigation to project, Creating a StackNavigator
- components for, Navigation
- configuring headers, Configuring the Header with navigationOptions
- creating a StackNavigator, Creating a StackNavigator
- implementing interactions, Implementing the Rest
- transitioning between scenes, Using navigation.navigate to Transition Between Screens
<Navigator> component, Navigation
<NavigatorIOS> component, Navigation
networking APIs, Fetching Data from the Web
<NormalText> component, Reusable Components
npm package manager, Installing JavaScript Libraries with npm, Common Development Environment Issues

O

Objective-C native modules, Writing an Objective-C Native Module for iOS-Writing an Objective-C Native Module for iOS
onSubmitEditing prop, Handling User Input
OpenWeatherMap API, Fetching Data from the Web
organizational components, Other Organizational Components

P

package.json file, Installing JavaScript Libraries with npm
packages, installing, Developer Setup: Create React Native App, Installing JavaScript Libraries with npm, Common Development Environment Issues
PanResponder class, Using the PanResponder Class-Using the PanResponder Class
persistent data, storing, Storing Persistent Data with AsyncStorage, State Management in Larger Applications, Persisting Data with AsyncStorage-Persisting Data with AsyncStorage
Platform API, Using the Platform Module
platform-specific code, Platform-Specific Code-When to Use Platform-Specific Components
position property, Using Absolute Positioning
positioning, absolute, Using Absolute Positioning-Putting It Together (see also layouts)
post release application support, Release
project structure, flashcard application, Project Structure
Promises
- Promise-based syntax, Fetching Data from the Web
- working with, Working with Promises-Working with Promises

R

RCTBridgeModule
- creating React Native modules, Writing an Objective-C Native Module for iOS
- implementing, Writing an Objective-C Native Module for iOS
- importing, Writing an Objective-C Native Module for iOS
RCTLogInfo, Writing an Objective-C Native Module for iOS
RCTVideo, Exploring react-native-video for iOS
RCTVideoManager, Exploring react-native-video for iOS
RCT_EXPORT_METHOD macro, Writing an Objective-C Native Module for iOS
RCT_EXPORT_MODULE() macro, Writing an Objective-C Native Module for iOS
React Native
- advantages of, Advantages of React Native-Code Reuse and Knowledge Sharing
- basics of, What Is React Native?
- creating components in, Creating Components in React Native-Styling Native Components
- debugging packager issues, The React Native Packager
- debugging tools, Using Inspect Element-Interpreting the Red Screen of Death
- developer tools, Working with the React Developer Tools
- documentation, Developer Setup: The Traditional Approach
- drawbacks and risks of, Risks and Drawbacks
- JSX syntax used in, Using JSX
- platforms supported, What Is React Native?, How Does React Native Work?, Host Platform APIs
- prerequisites to learning, Prerequisites
- project structure, Exploring the Sample Code-Exploring the Sample Code
- rendering lifecycle, Rendering Lifecycle
- resources, Resources, When You’re Stuck
- traditional installation, Developer Setup: The Traditional Approach-Exploring the Sample Code
React Navigation library, Using React-Navigation-Implementing the Rest
react-native command
- creating applications using, Creating Your First Application with react-native
- installing developer tools, Developer Setup: The Traditional Approach
- running apps on Android, Running Your App on Android
- running apps on iOS, Running Your App on iOS
react-native link, Installing Third-Party Components with Native Code
react-native-video component
- for Android, Exploring react-native-video for Java-Exploring react-native-video for Java
- for iOS, Exploring react-native-video for iOS-Exploring react-native-video for iOS
- installing, Installing Third-Party Components with Native Code
- using, Using the Video Component
react-native-web, Analogies Between HTML Elements and Native Components
react-test-renderer package, Snapshot Testing with Jest
ReactVideoViewManager, Exploring react-native-video for Java-Exploring react-native-video for Java
Red Screen of Death, Interpreting the Red Screen of Death-Interpreting the Red Screen of Death
Redux library
- benefits of for state management, Using Redux to Manage State-Using Redux to Manage State
- connecting Redux, Connecting Redux-Connecting Redux
- defining actions, Actions
- describing actions with reducers, Reducers-Reducers
- persisting data with AsyncStorage, Persisting Data with AsyncStorage-Persisting Data with AsyncStorage
render lifecycle, Rendering Lifecycle
require call, Adding a Background Image
resizeMode prop, The <Image> Component
resources, Resources, When You’re Stuck

S

<SectionList> component, Working with Lists, Working with <SectionList>-Working with <SectionList>
<SegmentedControlIOS> component, Other Organizational Components
setNativeProps, Using the PanResponder Class
setVolume, Exploring react-native-video for Java
SmarterWeather sample application, The SmarterWeather Application-The <PhotoBackdrop> Component
snapshot testing, Snapshot Testing with Jest-Snapshot Testing with Jest
source prop, Adding a Background Image, The <Image> Component
StackNavigator, Creating a StackNavigator
state management, using Redux library for, State Management in Larger Applications
string interpolation, String Interpolation
styles
- color values, Styles
- concatenating, Concatenating Styles
- declaring and manipulating, Declaring and Manipulating Styles-Concatenating Styles
- font sizes, Styles
- inline styles, Styling Native Components, The <Text> Component, Using Inline Styles
- organization and inheritance, Organization and Inheritance-Reusing and Sharing Styles
- passing as props, Passing Styles as Props
- positioning and designing layouts, Positioning and Designing Layouts-Putting It Together
- reusing and sharing, Styles, Reusing and Sharing Styles, Reusable Components
- style objects, Declaring and Manipulating Styles-Exporting Style Objects
StyleSheet.create, Using StyleSheet.create

T

<TabBarIOS> component, Other Organizational Components, iOS- or Android-Only Components
testing
- beta testing pre-deployment, Beta Test Your Application
- JavaScript code, Testing Your Code
- snapshot testing with Jest, Snapshot Testing with Jest-Snapshot Testing with Jest
- type checking with Flow, Type Checking with Flow
- unit testing with Jest, Unit Testing with Jest
- using Xcode for, Running Your App on iOS
text
- default font settings, The <Text> Component, Styles
- header elements, The <Text> Component
- rendering, The <Text> Component-The <Text> Component
- style inheritance, The <Text> Component, Organization and Inheritance-Reusing and Sharing Styles
- styling, The <Text> Component
<Text> component, The <Text> Component-The <Text> Component
<TextInput> component, Handling User Input, Fetching Data from the Web
<ToolbarAndroid> component, Other Organizational Components, iOS- or Android-Only Components
touch and gestures
- choosing how to handle, Choosing how to handle touch
- creating interactive components, Using the <TouchableHighlight> Component-Using the <TouchableHighlight> Component
- interactive buttons, Creating Basic Interactions with <Button>, Reusable Components
- platform-specific norms, Working with Touch and Gestures
- position, velocity, and distance, Using the PanResponder Class-Using the PanResponder Class
<TouchableHighlight> component, Using the <TouchableHighlight> Component-Using the <TouchableHighlight> Component
type checking, Type Checking with Flow
typographical conventions, Conventions Used in This Book

U

unit testing, Unit Testing with Jest

V

<Video> component, Installing Third-Party Components with Native Code
<View> component, Working with Views
views
- platform-specific React components, Working with Views
- working with, Working with Views
- written using JSX, Using JSX
Virtual DOM
- abstraction layer provided by, How Does React Native Work?
- bridge interface, How Does React Native Work?
- performing calculations in, How Does React Native Work?
- purpose of, How Does React Native Work?
<VirtualizedList> component, Working with Lists

W

weather app sample application
- adding background image to, Adding a Background Image, The <PhotoBackdrop> Component
- displaying data, Displaying Data-Displaying Data
- fetching data from the Web, Fetching Data from the Web-Fetching Data from the Web
- finished weather app, Building a Weather App, Putting It All Together-Putting It All Together
- handling user input, Handling User Input-Handling User Input
- platform APIs, Updating the Weather Application-Updating the Weather Application, The SmarterWeather Application-Summary
- replacing default code, Building a Weather App

X

Xcode
- adding files to projects, Writing an Objective-C Native Module for iOS
- application testing using, Running Your App on iOS
- configuring code signing, Running Your App on iOS
- console statements in, Writing an Objective-C Native Module for iOS, Debugging with console.log
- debugging problems with, Common Xcode Problems
- device registration, Running Your App on iOS
- launching, Running Your App on iOS
XHR module, Uploading an Image to a Server

Previous Chapter

C. Working with Expo Applications

Next Chapter

About the Author

Table of Contents for Learning React Native, 2nd Edition

Index

Symbols

A

B

C

D

E

F

G

H

I

J

L

M

N

O

P

R

S

T

U

V

W

X

Table of Contents for
Learning React Native, 2nd Edition