Contents

Chapter 1: Understanding Why React Native Is The Future Of Mobile Apps

What is React Native?...................................................................................................................................1-2
How the React Native bridge from JavaScript to Native world works?.......................................................1-15
The benefits of React Native.........................................................................................................................1-20
Summary.......................................................................................................................................................1-30

Chapter 2: Workig with React Native

Setting up an environment for developing iOS and Android apps................................................................2-2
Creating your application..............................................................................................................................2-16
Introduction to JSX and how it’s used in React Native.................................................................................2-23
Stateful versus presentational components...................................................................................................2-30
React lifecycle methods................................................................................................................................2-35
Structuring React Native apps and their resemblance to HTML..................................................................2-39
The folder structure.......................................................................................................................................2-44
Summary.......................................................................................................................................................2-47

Chapter 3: Getting Familiar with React Native Components

Platform-independent components................................................................................................................3-2
Basic components..........................................................................................................................................3-3
Basic user interaction....................................................................................................................................3-15
Getting feedback from your application........................................................................................................3-22
Dealing with lists of data...............................................................................................................................3-27
Embedding web content................................................................................................................................3-40
Handling user input.......................................................................................................................................3-41
Platform-dependent components...................................................................................................................3-45
DatePickerIOS...............................................................................................................................................3-48
Progress bars.................................................................................................................................................3-49
Additional controls........................................................................................................................................3-50
Platform-specific navigation.........................................................................................................................3-53
Navigation in React Native...........................................................................................................................3-54
Summary.......................................................................................................................................................3-59

i
Chapter 4: Debugging and Testing React Native
Debugging your React Native apps...............................................................................................................4-2
Remote debugging.........................................................................................................................................4-12
Logging.........................................................................................................................................................4-17
Inspecting React Native components............................................................................................................4-24
Testing...........................................................................................................................................................4-29
Introduction to the Jest testing Framework...................................................................................................4-30
Snapshot testing your React Native components..........................................................................................4-35
Working with functions.................................................................................................................................4-36
Mocking modules..........................................................................................................................................4-39
Summary.......................................................................................................................................................4-40

Chapter 5: Bringing the Power of Flexbox to the Native World

Flexbox styling concepts and techniques......................................................................................................5-2
Laying out our app........................................................................................................................................5-11
Best practices and techniques for styling your React Native applications....................................................5-17
Summary.......................................................................................................................................................5-23

Chapter 6: Animating React Native Components

Understanding animations.............................................................................................................................6-2
How animation works...................................................................................................................................6-4
Using Animated API for complex animations...............................................................................................6-17
Animated functions.......................................................................................................................................6-23
Combining several animations to create complex sequences.......................................................................6-29
Summary.......................................................................................................................................................6-34

Chapter 7: Authenticating Your App and Fetching Data

Getting familiar with Firebase.......................................................................................................................7-3
Managing permissions...................................................................................................................................7-10
Writing data to Firebase................................................................................................................................7-17
Fetching data in React Native.......................................................................................................................7-23
Setting up authentication at Firebase.............................................................................................................7-27
Authenticating via social providers...............................................................................................................7-37
Summary.......................................................................................................................................................7-38

ii
Chapter 8: Deploying Your App to App Store or Google Play
Deploying iOS apps and how it’s done in React Native...............................................................................8-2
Deploying Android apps and how it’s done in React Native........................................................................8-19
Introducing fastlane – automate your deployment workflow.......................................................................8-23
Get to know Microsoft CodePush and integrate it with your application.....................................................8-25
Summary.......................................................................................................................................................8-28

iii