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
About the Authors
About the Reviewer
Customer Feedback

Chapter 6.  Integrating with the NYT API and Redux

With a solid background of Flux and Redux, it's time to apply these concepts to the RNNYT application we started in Chapter 4, Starting our Project with React Native Components. In this chapter, we'll apply Redux and related Redux technologies to a React Native application. We'll start off with a simple, synchronous implementation using mock NYT API data that flows through our application using Redux and some helper libraries. Later on in the chapter, we'll reconfigure our app to talk directly to the NYT API using the fetch API and Redux middleware to support a real-world, asynchronous flow.

In this chapter, we'll cover the following:

  • Review how to make requests to the NYT API, and understand the shape of that data

  • Install dependencies for using Redux with React Native

  • Refactor our app to use Redux with mock NYT data and synchronous actions

  • Implement selectors using Reselect

  • Review Redux asynchronous data flow and utilize the fetch API and...