Book Image

React Native Cookbook - Second Edition

By : Daniel Ward
4 (1)
Book Image

React Native Cookbook - Second Edition

4 (1)
By: Daniel Ward

Overview of this book

If you are a developer looking to create mobile applications with maximized code reusability and minimized cost, React Native is what you need. With this practical guide, you’ll be able to build attractive UIs, tackle common problems in mobile development, and achieve improved performance in mobile environments. This book starts by covering the common techniques for React Native customization and helps you set up your development platforms. Over the course of the book, you’ll work through a wide variety of recipes that help you create, style, and animate your apps with built-in React Native and custom third-party components. You’ll also develop real-world browser-based authentication, build a fully functional audio player, and integrate Google Maps in your apps. This book will help you explore different strategies for working with data, including leveraging the popular Redux library and optimizing your app’s dataflow. You’ll also learn how to write native device functionality for new and existing React Native projects and how app deployment works. By the end of this book, you'll be equipped with tips and tricks to write efficient code and have the skills to build full iOS and Android applications using React Native.
Table of Contents (17 chapters)

Storing and retrieving data locally

When developing a mobile app, we need to consider the network challenges that need to be overcome. A well-designed app should allow the user to continue using the app when there is no internet connection. This requires the app to save data locally on the device when there's no internet connection, and to also sync that data with the server when the network is available again.

Another challenge to overcome is network connectivity, which might be slow or limited. To improve the performance of our app, we should save critical data on the local device to avoid putting stress on our server API.

In this recipe, we will learn about a basic and effective strategy for saving and retrieving data locally from the device. We will create a simple app with a text input and two buttons, one to save the content of the field and one to load the existing...