React Native Recipes - Volume 1 [Video]

React Native Recipes - Volume 1 [Video]

Crysfel Villa, Stan Bershadskiy

Take your React Native application development to the next level by building rich UI's and bring life to application.
Mapt Subscription
FREE
€29.98/m after trial
Video
€121.38
RRP €142.78
Save 14%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
€0.00
€121.38
€29.98p/m after trial
RRP €142.78
Subscription
Video
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Video Details

ISBN 139781787127432
Course Length3 hours and 45 minutes

Video Description

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.

Style and approach

This is a fast-paced guide with clear, concise recipes that let you discover, and take advantage of, the many features offered by React Native to build compelling mobile apps. This video course will take your skills to the next level and equip you with the expertise to build high-performing, native mobile apps in JavaScript.

Table of Contents

Getting Started
The Course Overview
Adding Styles to Text and Containers
Using Images to Mimic a Video Player
Creating the Toggle Button
Displaying a List of Items
Adding Tabs to Viewport
Using Flexbox to Create a Profile Page
Setting Up a Navigator
Implementing Complex User Interfaces
Creating the Reusable Button with Theme Support
Building a Complex Layout for Tablets Using Flexbox
Including Custom Fonts on iOS
Including Custom Fonts on Android
Using Font Icons
Dealing With Universal Apps
Detecting Orientation Changes
Using WebView to Open External Websites
Rendering Simple HTML Elements Using Native Components
Creating Form Component
Animating User Interface
Simple Animations
Running Several Animations at the Same Time
Animating Notifications
Expanding and Collapsing Containers
Loading Animation
Removing Items from List Components
Creating a Facebook Reaction Widget
Displaying Images in Full Screen
Working with Application Logic and Data
Storing and Retrieving Data Locally
Retrieving Data from a Remote API
Sending Data to a Remote API
Establishing Real-Time Communications with Websockets
Integrating Persistent Database Functionality with Realm
Masking the Application upon Network Connection Loss
Synchronizing Locally Persisted Data with a Remote API
Logging in with Facebook
Sharing Content on Facebook
Tracking Application Events with Facebook Analytics
Implementing Redux
Installing Redux
Defining Actions
Defining Reducers
Setting Up the Store
Communicating with a Remote API
Connecting the Store with the Views
Storing Offline Content Using Redux
Showing Network Connectivity Status

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

 

Authors

Table of Contents

Getting Started
The Course Overview
Adding Styles to Text and Containers
Using Images to Mimic a Video Player
Creating the Toggle Button
Displaying a List of Items
Adding Tabs to Viewport
Using Flexbox to Create a Profile Page
Setting Up a Navigator
Implementing Complex User Interfaces
Creating the Reusable Button with Theme Support
Building a Complex Layout for Tablets Using Flexbox
Including Custom Fonts on iOS
Including Custom Fonts on Android
Using Font Icons
Dealing With Universal Apps
Detecting Orientation Changes
Using WebView to Open External Websites
Rendering Simple HTML Elements Using Native Components
Creating Form Component
Animating User Interface
Simple Animations
Running Several Animations at the Same Time
Animating Notifications
Expanding and Collapsing Containers
Loading Animation
Removing Items from List Components
Creating a Facebook Reaction Widget
Displaying Images in Full Screen
Working with Application Logic and Data
Storing and Retrieving Data Locally
Retrieving Data from a Remote API
Sending Data to a Remote API
Establishing Real-Time Communications with Websockets
Integrating Persistent Database Functionality with Realm
Masking the Application upon Network Connection Loss
Synchronizing Locally Persisted Data with a Remote API
Logging in with Facebook
Sharing Content on Facebook
Tracking Application Events with Facebook Analytics
Implementing Redux
Installing Redux
Defining Actions
Defining Reducers
Setting Up the Store
Communicating with a Remote API
Connecting the Store with the Views
Storing Offline Content Using Redux
Showing Network Connectivity Status

Video Details

ISBN 139781787127432
Course Length3 hours and 45 minutes
Read More

Read More Reviews

Recommended for You

React Native Recipes - Volume 2 [Video] Book Cover
React Native Recipes - Volume 2 [Video]
€ 142.78
€ 121.38
Android Design Patterns and Best Practices - Volume 1 [Video] Book Cover
Android Design Patterns and Best Practices - Volume 1 [Video]
€ 142.78
€ 121.38
Tableau 10 Business Intelligence Solutions - Volume 1 [Video] Book Cover
Tableau 10 Business Intelligence Solutions - Volume 1 [Video]
€ 142.78
€ 121.38
Unity Virtual Reality - Volume 1 [Video] Book Cover
Unity Virtual Reality - Volume 1 [Video]
€ 142.78
€ 121.38
Yii2 Application Development Solutions - Volume 1 [Video] Book Cover
Yii2 Application Development Solutions - Volume 1 [Video]
€ 142.78
€ 121.38
React Native Projects [Video] Book Cover
React Native Projects [Video]
€ 101.98
€ 86.70