https://github.com/crutchcorn/tanstack-image-upload-eager-ui-demo

A demo of a fake image upload service using eager UI patterns via TanStack Query
https://github.com/crutchcorn/tanstack-image-upload-eager-ui-demo

Last synced: 4 months ago
JSON representation

A demo of a fake image upload service using eager UI patterns via TanStack Query

• Host: GitHub
• URL: https://github.com/crutchcorn/tanstack-image-upload-eager-ui-demo
• Owner: crutchcorn
• Created: 2024-03-09T11:02:52.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-09T11:31:21.000Z (over 1 year ago)
• Last Synced: 2025-01-07T09:26:49.838Z (5 months ago)
• Language: JavaScript
• Homepage: https://crutchcorn.github.io/tanstack-image-upload-eager-ui-demo/
• Size: 348 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# TanStack Image Upload Eager UI Demo

A demo of a fake image upload service that shows an eager UI for image uploads.

This means that while the upload is still technically in progress, the UI will show the image as if it has already been uploaded.

![](./assets/preview.png)

> "Showing eager UI" is present to demonstrate when the UI is being eager or not

## Tech Used

- [TanStack Query](https://tanstack.com/query) - For managing the state of the app

- [MSW](https://mswjs.io/) - To mock the endpoints