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 1

Video Description

Take your React Native application development to the next level by building rich UI's and bring life to application.

About This Video

  • for web developers who are familiar with React.js and know the basics of UI development.

  • You may or may not have used React Native before, but it's ideal for you if you want to develop native applications for iOS and Android.

  • Existing knowledge of JavaScript ES2015 is highly recommended.

  • 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 React Native topics ranging from adding basic UI components to successfully implementing Redux. 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. You will then animate UIs to make the application feel more alive. Then you will learn to store data in a native database and integrate it with the Facebook SDK. Finally, you will learn to make Redux fit into your application.

    Table of Contents

    1. Chapter 1 : Getting Started
      1. The Course Overview 00:03:30
      2. Adding Styles to Text and Containers 00:07:15
      3. Using Images to Mimic a Video Player 00:04:20
      4. Creating the Toggle Button 00:04:44
      5. Displaying a List of Items 00:05:23
      6. Adding Tabs to Viewport 00:03:07
      7. Using Flexbox to Create a Profile Page 00:05:42
      8. Setting Up a Navigator 00:07:23
    2. Chapter 2 : Implementing Complex User Interfaces
      1. Creating the Reusable Button with Theme Support 00:06:41
      2. Building a Complex Layout for Tablets Using Flexbox 00:08:29
      3. Including Custom Fonts on iOS 00:04:51
      4. Including Custom Fonts on Android 00:03:25
      5. Using Font Icons 00:04:20
      6. Dealing With Universal Apps 00:08:32
      7. Detecting Orientation Changes 00:06:27
      8. Using WebView to Open External Websites 00:05:54
      9. Rendering Simple HTML Elements Using Native Components 00:02:39
      10. Creating Form Component 00:05:19
    3. Chapter 3 : Animating User Interface
      1. Simple Animations 00:07:40
      2. Running Several Animations at the Same Time 00:03:48
      3. Animating Notifications 00:08:22
      4. Expanding and Collapsing Containers 00:05:36
      5. Loading Animation 00:04:41
      6. Removing Items from List Components 00:08:23
      7. Creating a Facebook Reaction Widget 00:07:08
      8. Displaying Images in Full Screen 00:07:43
    4. Chapter 4 : Working with Application Logic and Data
      1. Storing and Retrieving Data Locally 00:05:22
      2. Retrieving Data from a Remote API 00:03:12
      3. Sending Data to a Remote API 00:03:26
      4. Establishing Real-Time Communications with Websockets 00:05:39
      5. Integrating Persistent Database Functionality with Realm 00:03:34
      6. Masking the Application Upon Network Connection Loss 00:04:10
      7. Synchronizing Locally Persisted Data with a Remote API 00:03:54
      8. Logging in with Facebook 00:05:56
      9. Sharing Content on Facebook 00:02:18
      10. Tracking Application Events with Facebook Analytics 00:03:30
    5. Chapter 5 : Implementing Redux
      1. Installing Redux 00:04:26
      2. Defining Actions 00:02:32
      3. Defining Reducers 00:04:03
      4. Setting Up the Store 00:02:58
      5. Communicating with a Remote API 00:06:22
      6. Connecting the Store with the Views 00:05:10
      7. Storing Offline Content Using Redux 00:02:26
      8. Showing Network Connectivity Status 00:05:07