React Native Recipes – Volume 1

React Native Recipes – Volume 1

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 3h 45m | 836 MB

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

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.

What You Will Learn

  • Understand common components within the library
  • Build simple and complex UIs using React Native
  • Learn to use Flexbox
  • Create advanced animations for UI components
  • Create Facebook reaction widgets
  • Build universal apps that run on phones and tablets
  • Learn to fix Redux into your application
Table of Contents

Getting Started
Adding Styles to Text and Containers
Adding Tabs to Viewport
Creating the Toggle Button
Displaying a List of Items
Setting Up a Navigator
The Course Overview
Using Flexbox to Create a Profile Page
Using Images to Mimic a Video Player

Implementing Complex User Interfaces
Building a Complex Layout for Tablets Using Flexbox
Creating Form Component
Creating the Reusable Button with Theme Support
Dealing With Universal Apps
Detecting Orientation Changes
Including Custom Fonts on Android
Including Custom Fonts on iOS
Rendering Simple HTML Elements Using Native Components
Using Font Icons
Using WebView to Open External Websites

Animating User Interface
Animating Notifications
Creating a Facebook Reaction Widget
Displaying Images in Full Screen
Expanding and Collapsing Containers
Loading Animation
Removing Items from List Components
Running Several Animations at the Same Time
Simple Animations

Working with Application Logic and Data
Establishing Real-Time Communications with Websockets
Integrating Persistent Database Functionality with Realm
Logging in with Facebook
Masking the Application upon Network Connection Loss
Retrieving Data from a Remote API
Sending Data to a Remote API
Sharing Content on Facebook
Storing and Retrieving Data Locally
Synchronizing Locally Persisted Data with a Remote API

Implementing Redux
Communicating with a Remote API
Connecting the Store with the Views
Defining Actions
Defining Reducers
Installing Redux
Setting Up the Store
Showing Network Connectivity Status
Storing Offline Content Using Redux