Skip to content

Sample application developed using React Native to show more than 100 items

Notifications You must be signed in to change notification settings

SDushan/react-native-posts

Repository files navigation

React Native Post List Example

A mobile application created using React Native CLI, React Navigation V6, Redux-saga, Axios & JSONPlaceholder

Features

  • This shows summary of 100 posts in a list that contained post title, user’s name.
  • The list can be refreshed by pulling down.
  • Display description of post.
  • Fetch related photos according to post & show the thumbnails in a grid layout When clicking thumbnail, shows the full version of the image.
  • Display loading indicator while loading data

Dependencies

axios
prop-types
redux-saga
react-navigation
react-native-modal
react-native-image-zoom-viewer

Setup instructions

git clone https://github.com/SDushan/react-native-posts.git
cd react-native-posts
npm install

Run project on Android

react-native run-android

Run project on iOS

react-native run-ios