Contents

About the Authors

About the Technical Reviewer

Acknowledgments

Introduction

image Chapter 1: Learning the Basics: A Whistle-Stop Tour of React

Why React?

Virtual DOM

One-Way Data Flow

Installation and Setup

Introduction to Components

JSX

Deep-Dive Into Components

Properties

State

Summary

image Chapter 2: The Simplest Program: Hello World with React Native

What Is React Native?

React Native Prerequisites

Installation

Installing Node and npm

Installing Watchman

Installing the React Native Package

Updating React Native

Your First App

Creating a Basic Skelton

It’s Not a UIWebView

Enabling Live Reload

Why Is React Native Different?

The Anatomy of a React Native Application

Debugging

Reload

Debugging in Chrome

Debugging in Safari

Showing the FPS Monitor

The Inspect Element

Starting Profiling

Summary

image Chapter 3: Canvas, Brush, and Paint: Working with the User Interface

NavigatorIOS

Flexbox

Flex-direction

Flex

Adding Images

TouchableHighlight

Routing to a Component

ListView

ScrollView

Summary

image Chapter 4: Flux: Solving Problems Differently

MVC Pattern

MVC Problem

Flux

Success of Flux

Flux Deep Dive

The Dispatcher

The Need for Dispatcher [dispatch() and waitFor()]

Stores

Actions

Flux with ReactJS Example

Flux with React Native Example

Summary

image Chapter 5: Device Capabilities

GeoLocation

Reviewing the GeoLocationMap Code

Adding Annotation on Map

Displaying the Latitude and Longitude of the Present Location

AsyncStorage

Reviewing the AsyncStorage Code

Native Alert

Reviewing the NativeAlert Code

Extending the NativeAlert Example

Reviewing the Extended NativeAlert Example Code

WebView

Reviewing the WebView Code

Animations

Reviewing the Animation Code

Summary

image Chapter 6: Communicating with Servers

XMLHttpRequest

WebSocket

Fetch

Getting Data from a Server

Saving Data to a Server

Summary

image Chapter 7: React Native Supplements

Reflux

Differences from Flux

Redux

Debug on Device

Popular Modules for React Native

react-native-fbsdk

react-native-scrollable-tab-view

react-native-webpack-server

react-native-side-menu

Where to Go from Here

Index

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
13.58.252.8