Skip to content

A TypeScript project using Redux tool kit, JSONplaceholder API and displaying posts with material UI pagination.

Notifications You must be signed in to change notification settings

eyahya-khan/reduxtoolkitapi

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Create React App using typescript, Redux toolkit, api

  • npx create-react-app reduxtoolkitapi --template typescript
  • cd reduxtoolkitapi
  • npm install @reduxjs/toolkit axios react-redux
  • npm install react-paginate
  • npm install @mui/material @emotion/react @emotion/styled

Folder structure

step-1

  • src >>> store >>> index.tsx (create slice)

step-2

  • src >>> hooks >>> index.tsx (configure and combine reducer)

step-3

  • src >>> App.tsx (declare provider and store)

step-4

  • src >>> page >>> index.tsx (call useDispatch and useSelector)

Pagination

  • src >>> page >>> postlist

About

A TypeScript project using Redux tool kit, JSONplaceholder API and displaying posts with material UI pagination.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published