https://github.com/vinaysharma14/react-native-infinite-scroll

A React Native app demonstrating data fetching with Infinite scroll incorporating TypeScript, React Navigation, React Redux and a beautiful Lottie animation.
https://github.com/vinaysharma14/react-native-infinite-scroll

fetch fetch-api infinite-scroll lottie lottie-animation navigation react-native react-native-app react-navigation react-navigation-stack react-navigation-v5 react-redux redux redux-saga

Last synced: 13 days ago
JSON representation

A React Native app demonstrating data fetching with Infinite scroll incorporating TypeScript, React Navigation, React Redux and a beautiful Lottie animation.

• Host: GitHub
• URL: https://github.com/vinaysharma14/react-native-infinite-scroll
• Owner: vinaysharma14
• Created: 2020-11-20T07:39:27.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2020-11-22T13:11:42.000Z (almost 4 years ago)
• Last Synced: 2024-10-05T08:41:53.730Z (about 1 month ago)
• Topics: fetch, fetch-api, infinite-scroll, lottie, lottie-animation, navigation, react-native, react-native-app, react-navigation, react-navigation-stack, react-navigation-v5, react-redux, redux, redux-saga
• Language: TypeScript
• Homepage:
• Size: 3.73 MB
• Stars: 0
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# About

This is a mobile app built in **React Native** which fetches a list of your connections on a

networking platform. The application has following functionalities:

- Fetching connections with infinite scroll

- Search any connection in that list

- View a connection's details

## TechStack Used

- Language: [TypeScript](https://www.typescriptlang.org/)

- Framework: [React Native](https://reactnative.dev/)

- Navigation: [React Navigation](https://reactnavigation.org/)

- Linting: [Prettier](https://prettier.io/), [ESLint](https://eslint.org/)

- State Management: [React Redux](https://react-redux.js.org/)

- Middleware: [Saga](https://redux-saga.js.org/)

- Icon Assets: [React Native Vector Icons](https://github.com/oblador/react-native-vector-icons)

## Demo

|                     Launch & fetch connections                     |                 Search connections & view details                  |

| :----------------------------------------------------------------: | :----------------------------------------------------------------: |

| ![gif](https://media.giphy.com/media/VI6u6hL7Bu1WjFE0r5/giphy.gif) | ![gif](https://media.giphy.com/media/r9i8DIvjtUKRAtOd9B/giphy.gif) |

## Installation

- Install `npm` package manager

- Clone the repository, install the dependencies and we are good to go!

```bash

git clone https://github.com/vinaysharma14/react-native-task

npm install

npm run ios / npm run android

```