O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

React Native Recipes - Volume 2

Video Description

Take your React Native application development to the next leve by leveraging the native layer and getting our app into production

About This Video

  • Build rich and engaging user experiences in React Native while maintaining peak application performance

  • Leverage the best of iOS and Android for React Native development while maximizing code reuse and cohesion

  • Implement architecture patterns in your React Native application to support efficient data access, routing, and testing

  • In Detail

    React has taken the web development world by storm, and it is only natural that its unique architecture and third-party support ecosystem should be applied to native application development. Using JavaScript, you can build a truly native application that renders native UI components and accesses native device functionality. This video will take you from the basics of React Native development all the way through to some more advanced components.

    This video covers topics in React Native ranging from adding basic UI components to successfully deploying for multiple target platforms. The video follows a top-down approach beginning with building rich user interfaces. These UIs will be created with both built-in and custom components that you will create, style, and animate. You will then learn about different strategies for working with data, including leveraging the popular Redux library and optimizing the performance of the application. Then, you will step further into exposing native device functionality. Finally, we will discuss how to put your application into production and maintain its reliability.

    Table of Contents

    1. Chapter 1 : Adding Native Functionality
      1. The Course Overview 00:02:55
      2. Exposing Custom iOS Modules 00:05:02
      3. Rendering Custom iOS View Components 00:03:05
      4. Exposing Custom Android Modules 00:04:58
      5. Rendering Custom Android View Components 00:03:12
      6. Handling Android Back Button 00:03:20
      7. Reacting to Changes in Application 00:02:04
      8. Copy and Pasting Content 00:03:17
      9. Authentication 00:04:19
      10. Hiding Application Content When Multitasking 00:02:59
      11. Background Processing on iOS 00:02:36
      12. Background Processing on Android 00:02:30
      13. Playing Audio Files on iOS 00:03:01
      14. Playing Audio Files on Android 00:03:34
    2. Chapter 2 : Architecting for Multiple Platforms
      1. Building for Universal Windows Platform 00:03:08
      2. Building for macOS Desktop 00:01:59
      3. Building for Apple tvOS 00:02:11
      4. Creating Platform Specific UI Components 00:01:44
      5. Extending UI Components for Platform Specific Experiences 00:02:07
      6. Best Practices for Sharing Code Between Platforms 00:02:21
    3. Chapter 3 : Integration with Applications
      1. Embedding a React Native Application Inside iOS Application 00:05:06
      2. Communicating from an iOS Application to React Native 00:02:34
      3. Communicating from React Native to an iOS Application Container 00:02:31
      4. Invoking Handling by an External iOS Application 00:02:12
      5. Embedding a React Native Application Inside an Android Application 00:03:10
      6. Communicating from an Android Application to React Native 00:02:10
      7. Communicating from React Native to an Android Application Container 00:02:13
      8. Invoking Handling by External Android Application 00:01:36
      9. Invoking an External iOS and Android Application 00:02:09
    4. Chapter 4 : Deploying Our App
      1. Deploying Development Builds to an Android Device 00:01:38
      2. Deploying Testing Builds to HockeyApp 00:02:44
      3. Deploying Over-the-Air Updates 00:02:59
    5. Chapter 5 : Automated Testing
      1. Installing the Environment 00:04:24
      2. Running the Inspector to Access Elements 00:02:33
      3. Integrating Appium with Mocha 00:02:58
      4. Selecting and Typing into Input Texts 00:03:23
      5. Pressing a Button and Testing the Result 00:03:25
    6. Chapter 6 : Optimizing App Performance
      1. Optimizing React Native Application Size 00:02:56
      2. Optimizing the Performance of Native iOS Module and UI Components 00:03:48
      3. Optimizing the Performance of Native Android Modules and UI Components 00:03:01