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)

Combining a React Native app and a Native iOS app

In the event that you work for a company or have a client that has an active iOS app out in the world, it may not be advantageous to rewrite it from scratch, especially if it is well-built, used frequently, and praised by its users. If you just want to build new functionality using React Native, the React Native app can be embedded and rendered inside an existing native iOS app.

This recipe will walk through creating a blank iOS app and adding it to a React Native app so that the two layers can communicate with each other. We will cover two ways of rendering the React Native app: embedded inside the application as a nested view, and another as a full-screen implementation. The steps that are discussed in this recipe serve as a baseline for rendering React Native apps, along with native iOS apps.

...