Creating Apps with React Native

Produce high-quality, cross-platform apps with user experiences almost identical to pure native apps. When evaluating cross-platform frameworks, developers make an assumption that quality will be compromised. But that doesn't have to be true. The principles in this book will show you how to meet quality expectations both from engineering and consumer standpoints.

You’ll also realize the ideal of a greater front end. That means your whole front-end team, including app side and web side, will be optimized. The shared knowledge base as well as mobilization potential give more flexibility and strength in all front-end facets without the need of increasing team sizes.

The market has seen a large amount of high quality React Native apps and successful stories about them. Nevertheless, under optimized apps and unsuccessful stories shadow. The fundamental difference between the two opposing groups is understanding. Discover the critical points in the React and React Native architecture, and develop general best practices that can lead to consistently developing 0 crash, 5 star apps based on an understanding of fundamentals.

WHAT YOU'LL LEARN

* Measure and define successful app design


* Create animation based on user need


* Reduce performance bottleneck throughout your apps

WHO THIS BOOK IS FOR

Mobile developers who want to expand their front end skill set, and web developers who want to enter mobile development.

Muyang (Holmes) He is a software engineer. He spent four years working with Tencent on hyperscale social network products. At the time when this book is written, he is a mobile software engineer with Microsoft. He is an active advocate and a practice leader of using React Native to create 0 crash, 5 star apps (05 apps).

Chapter 1 Start thinking in React

The hello world app in pieces

Props and States

Function components

Chapter 2 React Tools

Flexbox – A Practical Guide

ScrollView and FlatList

Inheritance v.s. Composition, HOC

Error handling

State Management, Redux

React Navigation

App architecture in action – a boilerplate

Chapter 3 React Native Architecture

App initialization

Under the hood of components

Communication between JavaScript and Native

Chapter 4 Custom Native

Custom native module

Custom native component

Chapter 5 Networks

Promise chain

Await for async event

Connectivity

Common error handling

Putting it all together

Chapter 6 Performance

How to measure and what defines success

Critical points in RN architecture

Long list

Performance bottlenecks in FlatList

Common optimization techniques

Case studies

Item 1

Item 2

Item 3

Chapter 7 Animation

Layout animation

Value driven animation

Gesture driven animation

Chapter 8 3rd-Party Components