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.

Related Content you might be interested in

Current Title:

Small book image
Mastering React Native
Jan, 2017 | 496 pages
Small book image
React Native - Building Mobile Apps with JavaScript
Vladimir Novick
Aug, 2017 | 434 pages
Small book image
Getting Started with React Native
Ethan Holmes | Tom Bray
Dec, 2015 | 172 pages
Small book image
React Native Cookbook
Crysfel Villa | Stan Bershadskiy
Dec, 2016 | 536 pages
Table of Contents (20 chapters)
Mastering React Native
Mastering React Native
Credits
Credits
Disclaimer
Disclaimer
About the Authors
About the Authors
About the Reviewer
About the Reviewer
www.PacktPub.com
www.PacktPub.com
Customer Feedback
Customer Feedback
Preface
Preface
Free Chapter
1
Building a Foundation in React
Building a Foundation in React
Library versus framework
Motivation for React
Getting started in React
Describing components in JSX
The component
Component composition
Props and PropTypes
Event handlers
State
The component lifecycle
Alternate component forms
Summary
2
Saying HelloWorld in React Native
Saying HelloWorld in React Native
Understanding the mobile app development ecosystem
Understanding all the React Native tools
Watchman
Installing our tools
Installing Watchman and Flow
Creating our first React Native app
Understanding our HelloWorld app
Debugging a React Native app
Summary
3
Styling and Layout in React Native
Styling and Layout in React Native
Constructing and applying styles
Styling without inheritance
Understanding React Native's take on the box model and flexbox
Understanding Flexbox
Styling text with React Native
Styling images
Inspecting and debugging styles
Adding media query behavior to React Native
Summary
4
Starting our Project with React Native Components
Starting our Project with React Native Components
Native components
Native APIs
Summary
5
Flux and Redux
Flux and Redux
The Flux architecture
Getting started with Redux
Summary
6
Integrating with the NYT API and Redux
Integrating with the NYT API and Redux
Understanding the NYT API data
Wiring up our Redux data flow
Wiring up the NYT API with asynchronous requests
Summary
7
Navigation and Advanced APIs
Navigation and Advanced APIs
Navigation landscape
Using Navigator
Advanced navigation with NavigationExperimental
Other advanced APIs
Summary
8
Animation and Gestures in React Native
Animation and Gestures in React Native
Introducing LayoutAnimation and Animated
Building the basic Onboarding experience
Adding LayoutAnimation
Understanding Animated
Using PanResponder with the Animated API
Summary
9
Refactoring for Android
Refactoring for Android
Installing the necessary tools
Adding Android support to RNNYT
Summary
10
Using and Writing Native Modules
Using and Writing Native Modules
Using native modules
Writing native modules
Summary
11
Preparing for Production
Preparing for Production
Testing
Performance
Running on physical devices
Deploying our application
Summary
12
React Native Tools and Resources
React Native Tools and Resources
Evaluating React Native Editors, Plugins, and IDEs
Taking React Native beyond iOS and Android
Summary
References

Chapter 11. Preparing for Production

Now that we have a completely functional, cross-platform application written using React Native, we need to start thinking about getting it into the hands of users. Our ultimate goal is to get an application into each platform's App Store, but there are several steps along the way. In this chapter, we'll take our application from feature-complete to production-ready. While most of the high-level steps mirror those for a completely native application, the details we'll focus on are those that are specific to React Native.

Through the context of the RNNYT application, this chapter will cover a plethora of practical matters including:

  • Unit and component-testing React Native JavaScript code using Jest

  • Performance analysis and optimization of React Native applications

  • Running on a physical device

  • Deploying React Native applications to the Apple App Store and the Google Play Store

Previous Section
End of Section 1
Next Section