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

Debugging a React Native app


While being able to write in a familiar language makes writing React Native apps relatively easy for JavaScript veterans, there's another equally important part of the development experience that we haven't touched upon-debugging. Earlier, we mentioned how Google Chrome contains amazing JavaScript debugging tools. They are among the best out there and are often why many frontend developers choose Chrome as their primary browser for testing and development. Thankfully, the Facebook team has crafted React Native such that we can debug our React Native JavaScript code in these familiar tools. When you debug your React Native application, it runs in a proxy mode, whereby your application's JavaScript is actually run inside of Chrome's V8 JavaScript engine instead of on the device or simulator's JavaScriptCore engine. The React Native Packager will then broker communication between the app and Chrome using web sockets.

Enabling the Chrome Debugger

As you may have noticed...