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

Understanding React Native's take on the box model and flexbox


While React Native supports web layout techniques such as relative and absolute positioning, you probably don't want to design an entire app with these. For far too long, the web has used hacky CSS float techniques to create columned layouts. Floats do the job, but they were never intended for complex layouts. Nowadays, we have something far better in the form of the flexbox layout module. And what's even better is that React Native implements a form of flexbox that closely mirrors the API found in CSS. There are, however, a few differences worth noting. We'll cover these along with the related box model-like properties in this section.

Box model

Let's briefly start with the box model. Nowhere in the React Native documentation will you see the term box model referenced. I only mention it as it is a relatable web paradigm with numerous similarities to React Native. For starters, React Native allows you to style all the properties...