Book Image

Mastering React Native

Book Image

Mastering React Native

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 (20 chapters)
Mastering React Native
Credits
Disclaimer
About the Authors
About the Reviewer
www.PacktPub.com
Customer Feedback
Preface

Other advanced APIs


In the final section of this chapter, we'll delve into a few other React Native advanced APIs and see how they can help us to make our application more sophisticated and user-friendly. We cannot hope to cover every available advanced API, but this feature-based approach should help to illuminate what is possible with React Native.

Offline messages with NetInfo

Our news reader application relies, in large part, on a connection to the Internet. It needs this connection to interact with the New York Times HTTP API and get the latest news articles. If the device our application is running on does not have a connection to the Internet, it would be helpful for us to know this so that we can inform our users.

React Native has an API called NetInfo that allows us to do just that. NetInfo can tell us what the connectivity status is currently and also allows us to be informed whenever that connectivity status changes. We will use this API in the NewsFeed component to display a No...