Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Mastering React Native
  • Table Of Contents Toc
  • Feedback & Rating feedback
Mastering React Native

Mastering React Native

3.8 (9)
close
close
Mastering React Native

Mastering React Native

3.8 (9)

Overview of this book

React Native has completely revolutionized mobile development by empowering JavaScript developers to build world-class mobile apps that run natively on mobile platforms. This book will show you how to apply JavaScript and other front-end skills to build cross-platform React Native applications for iOS and Android using a single codebase. This book will provide you with all the React Native building blocks necessary to become an expert. We’ll give you a brief explanation of the numerous native components and APIs that come bundled with React Native including Images, Views, ListViews, WebViews, and much more. You will learn to utilize form inputs in React Native. You’ll get an overview of Facebook’s Flux data architecture and then apply Redux to manage data with a remote API. You will also learn to animate different parts of your application, as well as routing using React Native’s navigation APIs. By the end of the book, you will be able to build cutting-edge applications using the React Native framework.
Table of Contents (13 chapters)
close
close
4
4. Starting our Project with React Native Components

Performance

When we refer to the performance of a mobile application, especially one that is not written in the native language, what we are most often talking about is framerate. It is generally accepted that the human eye can process up to 60 still frames per second (fps). When a series of images is displayed at or above this upper limit, we perceive it as motion instead of discreet images. With this in mind, our goal when optimizing the performance of an application is to ensure that the framerate never or rarely dips below 60 fps.

The practical implications of this requirement are that any blocking computation must complete within 16.67 milliseconds (1,000 milliseconds per 60 fps). Whenever we do something computationally expensive, for instance, rendering a new scene with many child components, there is a risk that the task will not complete in the allotted time. When this happens, we will drop a frame and the user will experience jitteriness or unresponsiveness as a result.

In React...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech

Create a Note

Modal Close icon
You need to login to use this feature.
notes
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Edit Note

Modal Close icon
Write a note (max 255 characters)
Cancel
Update Note

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY