GitHub - yashhy/react-redux-axios-example: React, Axios, Redux, Redux Persist, Infinite scroller: Asynchronously fetch and save data to local storage with redux-persist. How to use redux in your react app with axios and redux persist (with infinite scroller)

yashhy / react-redux-axios-example Public

Notifications You must be signed in to change notification settings
Fork 0
Star 1

React, Axios, Redux, Redux Persist, Infinite scroller: Asynchronously fetch and save data to local storage with redux-persist. How to use redux in your react app with axios and redux persist (with infinite scroller)

yashhy.github.io/react-redux-axios-demo

1 star 0 forks Branches Tags Activity

Name		Name	Last commit message	Last commit date
Latest commit History 4 Commits
public		public
src		src
.gitignore		.gitignore
README.md		README.md
package-lock.json		package-lock.json
package.json		package.json
tsconfig.json		tsconfig.json

Repository files navigation

React app to search github with axios, uses redux and caching implemented with redux-persist. Displays result in infinite scrolling.

🏃🏻‍♂️ Running the App:

Install Node Modules

npm install

Start the application

npm run start

This should open up a browser page http://localhost:3000/

Tested with node v14.8.0

💼 Packages used:

ReactJS ⚛️
TypeScript
React Router
Axios for XHR 🔁
Redux / Redux Persists / Thunk
Rebass for Flex 💪🏻, Box 📦
EmotionJS 💅🏻 for styling
Humps 🐫 for underscore case to camelcase conversion
Delve to drill down objects

Demo

https://yashhy.github.io/react-redux-axios-demo

About

React, Axios, Redux, Redux Persist, Infinite scroller: Asynchronously fetch and save data to local storage with redux-persist. How to use redux in your react app with axios and redux persist (with infinite scroller)

yashhy.github.io/react-redux-axios-demo

react redux pagination typescript reactjs infinite-scroll localstorage emotion redux-thunk axios redux-persist

Report repository

Languages