This is a clone of Instagram. But instead of loading the items from the Instagram API, this application loads from Unsplash API. The whole UI is built from scratch by looking at a instagram application. Image resources were taken from the internet.
Please make sure to setup the react-native in your machine before running this application. Once the setup is ready you can use npm ios
to run on iOS devices and npm android
for Android devices.
If you want to run on a specific iOS device you can pass in the device name as react native run-ios --device "Jay iPhone"
As you scroll down, the application is doing the heavy lifting behind the screen to pull new list of images from Unsplash backend using the property of FlatList onEndReached
.
TypeScript template is used for this React Native application which provides more robustness.
Redux is used in the application to store the global state. Also, Redux Thunk middleware is used to make asynchronous redux updates.