In the current web world, we are accustomed to building sites that adjust their presentation to best fit the screen space available. Most often, that's done by detecting the width
or height
of the viewport
and adjusting CSS rules accordingly. Doing this type of screen detection has actually been possible for a long time through JavaScript. But the grand idea of responsive design didn't become popular until browsers added support for media queries through @media
in CSS. Currently, React Native styles don't have an equivalent of @media
. However, there are a few useful hooks built into React Native for determining the width
and height
of the device or individual components that can help us achieve similar, if not cooler results.
Mastering React Native
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
Free Chapter
Building a Foundation in React
Saying HelloWorld in React Native
Styling and Layout in React Native
Starting our Project with React Native Components
Flux and Redux
Integrating with the NYT API and Redux
Navigation and Advanced APIs
Animation and Gestures in React Native
Refactoring for Android
Using and Writing Native Modules
Preparing for Production
React Native Tools and Resources
Customer Reviews