Sign in

React Native brings React’s declarative UI framework to iOS and Android. With React Native, you use native UI controls and have full access to the native platform. (https://github.com/facebook/react-native)

And this is the 4th article of this tutorial about how to build an image browsing App with React Native. So I suppose you have read the prior parts of it.

There are the links to these prior chapters.

Actually, we have implemented all features of such an image browsing app, including displaying images in a FlatList, fetching data from backend API, saving data in persistent storage, save data in a global…


React Native brings React’s declarative UI framework to iOS and Android. With React Native, you use native UI controls and have full access to the native platform. (https://github.com/facebook/react-native)

We have built up an Image browsing App at

and

In these two articles, we have implemented all essential functions such as fetching image data from backend API, displaying the image in a list, navigating to the detail page of a single image while the user clicks it from the list, and also keep and read data to/from Redux store.

But you might notice the App would display nothing when you launch…


React Native brings React’s declarative UI framework to iOS and Android. With React Native, you use native UI controls and have full access to the native platform. (https://github.com/facebook/react-native)

We have built up an Image browsing App at

and implemented all essential functions such as fetching image data from backend API, displaying the image in a list, navigating to the detail page of a single image while the user clicks it from the list.

And in this article, I would add the whole state store based on React-Redux.

Redux is a predictable state container for JavaScript applications

React Redux is the…


React Native brings React’s declarative UI framework to iOS and Android. With React Native, you use native UI controls and have full access to the native platform. (https://github.com/facebook/react-native)

Mobile devices are becoming more and more popular nowadays, so building their own app and accessing the backend service from mobile devices are essential to many companies. We know iOS and Android devices cover the majority of the market share, and the App on iOS and Android are incompatible with each other. It means the developers need to develop two different Apps with different tech stacks on two platforms. The development might…


Unit tests are the fundamental tests in your app testing strategy. By creating and running unit tests against your code, you can easily verify that the logic of individual units is correct. Running unit tests after every build helps you to quickly catch and fix software regressions introduced by code changes to your app.

A unit test generally exercises the functionality of the smallest possible unit of code (which could be a method, class, or component) in a repeatable way. You should build unit tests when you need to verify the logic of a specific part of the code in…


Android architecture components are a collection of libraries that help you design robust, testable, and maintainable apps. Start with classes for managing your UI component lifecycle and handling data persistence. (https://developer.android.com/topic/libraries/architecture)

This tutorial will cover LiveData, ViewModel, Room, DataBinding and some other features in Android Architecture Component, and build a photo browser app according to the best practice from the Guide to app architecture.

Prerequisite

This app will fetch photos from Pexels, so before starting build the app, we need to create a Pexels account if you don’t have one. We won’t focus on how to create the Pexels account, because…

Kai Xie

Senior Software Engineer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store