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
About the Authors
About the Reviewer
Customer Feedback

Adding Android support to RNNYT

With all the necessary tools installed, we can actually begin to experiment with some code in an Android emulator. Open up our RNNYT project and make sure you have your Android emulator running.

From your project's root directory, launch RNNYT in the Android emulator by running the command:

react-native run-android

With any luck, you'll see the Welcome to React Native screen.


Running adb devices will display a list of all attached Android devices. This list will include emulators and any physical hardware connected, with developer options enabled.

Before we dive into any refactoring, let's briefly orient ourselves to the Android emulator. The keyboard shortcut Command + R won't work for us anymore. If you want to refresh the screen, you'll need to either double tap the R key on your keyboard or launch the menu. There're a few ways to do this. The most obvious way is to click the Menu button visible under the section labeled Hardware Buttons. If keyboard shortcuts...