React: Cross-Platform Application Development with React Native

Harness the power of React Native to build 4 real-world apps

Preview in Mapt

Code Files

React: Cross-Platform Application Development with React Native

Emilio Rodriguez Martinez

March 2018

Harness the power of React Native to build 4 real-world apps

Quick links: > Table of contents > What will you learn?

Mapt Subscription

FREE

€29.98/m after trial

eBook

€22.68

RRP €32.38

Save 29%

Print + eBook

€33.99

RRP €33.99

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

€22.68

€33.99

€29.99 p/m after trial

RRP €32.38

RRP €33.99

Subscription

eBook

Print + eBook

Start 14 Day Trial

Frequently bought together

React: Cross-Platform Application Development with React Native

€ 32.38

€ 22.68

React: Cross-Platform Application Development with React Native

Mar 2018

182 pages

€ 22.68

Cross-platform Desktop Application Development: Electron, Node, NW.js, and React

€ 41.98

€ 29.40

Cross-platform Desktop Application Development: Electron, Node, NW.js, and React

Jul 2017

300 pages

€ 29.40

Buy 2 for €35.72
Save €32.20

Add to Cart

Book Details

ISBN 139781789136081

Paperback182 pages

Book Description

React Native helps web and mobile developers to build cross-platform apps that perform at the same level as any other natively developed app. The range of apps that can be built using this library is huge. From e-commerce to games, React Native is a good fit for any mobile project due to its flexibility and extendable nature.

This project-based book consists of four standalone projects. Each project will help you gain a sound understanding of the framework and build mobile apps with native user experience. Starting with a simple standalone car booking app, you will progressively move on to building advanced apps by adding connectivity with external APIs, using native features, such as the camera or microphone, in the mobile device, integrating with state management libraries such as Redux or MobX, or leveraging React Native’s performance by building a full-featured game.

This book is ideal for developers who want to build amazing cross-platform apps with React Native.

This book is embedded with useful assessments that will help you revise the concepts you have learned in this book.

Chapter 1: Project 1 – Car Booking App

Overview

Setting up the Folder Structure

Running the App in the Simulator

Creating our App's Entry Point

LocationSearch

LocationPin

ClassSelection

ConfirmationModal

Summary

Assessments

Chapter 2: Project 2 – Image Sharing App

Overview

Setting up the Folder Structure

Redux

ImagesList

Gallery

Header

ActivityIndicator

Camera

MyImages

ImageGrid

Actions

Reducers

API

Summary

Assessments

Chapter 3: Project 3 – Messaging App

Overview

Firebase

Setting up the Folder Structure

Users Store

Chats Store

Push Notifications Using Firebase

Chats

ListItem

Chat

Profile

Summary

Assessments

Chapter 4: Project 4 – Game

Overview

Sprites

Setting up the folder structure

GameContainer

Actions

Reducer

The Sprites Module

Constants

Parrot

RockUp and RockDown

Ground

Score

Start

GameOver

StartAgain

Summary

Assessments

What You Will Learn

Structure React Native projects to ease maintenance and extensibility
Optimize a project to speed up development
Use external modules to speed up the development and maintenance of your projects
Explore the different UI and code patterns to be used for iOS and Android
Get to know the best practices when building apps in React Native

Authors

Emilio Rodriguez Martinez

Emilio Rodriguez Martinez is a senior software engineer who has been working on highly demanding JavaScript projects since 2010. He transitioned from web development positions into mobile development, first with hybrid technologies such as Cordova and then with native JavaScript solutions such as Titanium. In 2015, he focused on the development and maintenance of several apps built in React Native, some of which were featured in Apple's App Store as the top apps of the week. Nowadays, Emilio is part of the Red Hat mobile team, which leverages Red Hat's open source mobile platform. He serves as an advocate for mobile developers using RHMAP. He is also an active contributor to React Native's codebase and Stack Overflow, where he provides advice on React and React Native questions.

Chapter 1: Project 1 – Car Booking App

Overview

Setting up the Folder Structure

Running the App in the Simulator

Creating our App's Entry Point

LocationSearch

LocationPin

ClassSelection

ConfirmationModal

Summary

Assessments

Chapter 2: Project 2 – Image Sharing App