You are previewing React Native for iOS Development.
O'Reilly logo
React Native for iOS Development

Book Description

This book is your hands-on guide to developing native iOS apps with ease. With React Native for iOS Development you’ll challenge the status quo of native iOS development with revolutionary components, asynchronous execution, unique methods for touch handling, and much more.

You will begin by understanding the path breaking concepts of React.js, which makes it distinctive. You will set up React Native and begin exploring the anatomy of React Native apps. You’ll also learn about flux architecture, how it differs from MVC, and how you can include it in your React Native project to solve problems differently and efficiently. Next, you will learn to create stunning user interfaces and interact with various device capabilities. You will then boost your development by including some popular packages already developed by the React Native community that will helps you write less but do more. Finally, you’ll learn to how write test cases and submit your application to App Store.

Using real-world examples with an example-driven approach, you will learn by doing and have a running app at the end of each chapter. Start using React Native for your iOS development using this book today.

Table of Contents

  1. Cover
  2. Title
  3. Copyright
  4. Contents at a Glance
  5. Contents
  6. About the Authors
  7. About the Technical Reviewer
  8. Acknowledgments
  9. Introduction
  10. Chapter 1: Learning the Basics: A Whistle-Stop Tour of React
    1. Why React?
    2. Virtual DOM
    3. One-Way Data Flow
    4. Installation and Setup
    5. Introduction to Components
    6. JSX
    7. Deep-Dive Into Components
      1. Properties
    8. State
    9. Summary
  11. Chapter 2: The Simplest Program: Hello World with React Native
    1. What Is React Native?
    2. React Native Prerequisites
    3. Installation
      1. Installing Node and npm
      2. Installing Watchman
      3. Installing the React Native Package
      4. Updating React Native
    4. Your First App
      1. Creating a Basic Skelton
      2. It’s Not a UIWebView
      3. Enabling Live Reload
    5. Why Is React Native Different?
    6. The Anatomy of a React Native Application
    7. Debugging
      1. Reload
      2. Debugging in Chrome
      3. Debugging in Safari
      4. Showing the FPS Monitor
      5. The Inspect Element
      6. Starting Profiling
    8. Summary
  12. Chapter 3: Canvas, Brush, and Paint: Working with the User Interface
    1. NavigatorIOS
    2. Flexbox
      1. Flex-direction
      2. Flex
    3. Adding Images
    4. TouchableHighlight
    5. Routing to a Component
    6. ListView
    7. ScrollView
    8. Summary
  13. Chapter 4: Flux: Solving Problems Differently
    1. MVC Pattern
    2. MVC Problem
    3. Flux
      1. Success of Flux
    4. Flux Deep Dive
      1. The Dispatcher
      2. The Need for Dispatcher [dispatch() and waitFor()]
      3. Stores
      4. Actions
    5. Flux with ReactJS Example
    6. Flux with React Native Example
    7. Summary
  14. Chapter 5: Device Capabilities
    1. GeoLocation
      1. Reviewing the GeoLocationMap Code
      2. Adding Annotation on Map
      3. Displaying the Latitude and Longitude of the Present Location
    2. AsyncStorage
      1. Reviewing the AsyncStorage Code
    3. Native Alert
      1. Reviewing the NativeAlert Code
      2. Extending the NativeAlert Example
      3. Reviewing the Extended NativeAlert Example Code
    4. WebView
      1. Reviewing the WebView Code
    5. Animations
      1. Reviewing the Animation Code
    6. Summary
  15. Chapter 6: Communicating with Servers
    1. XMLHttpRequest
    2. WebSocket
    3. Fetch
    4. Getting Data from a Server
    5. Saving Data to a Server
    6. Summary
  16. Chapter 7: React Native Supplements
    1. Reflux
      1. Differences from Flux
    2. Redux
    3. Debug on Device
    4. Popular Modules for React Native
      1. react-native-fbsdk
      2. react-native-scrollable-tab-view
      3. react-native-webpack-server
      4. react-native-side-menu
    5. Where to Go from Here
  17. Index