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

Inspecting and debugging styles


Up to this point, we have reviewed much of what React Native offers to style and layout your applications. One thing we've glossed over is how to debug your style rules in React Native. In the Web world, we often refer to this as inspecting styles (a reference to Chrome's DevTools that allow you to inspect any CSS properties applied to an element). Unfortunately, this is one area where React Native currently falls a bit short. You cannot use Chrome's inspector to edit or view each element's style properties. However, React Native does offer a built-in inspector. It's very basic when compared to Chrome's inspector, but for the moment it's one of the few tools available to developers.

Using the React Native Inspector

To give the React Native Inspector a run through, we'll need something to inspect. Fire up any React Native app in the iOS Simulator and then press Command + D on your keyboard just like you would to launch Debug JS Remotely, except this time click...