https://github.com/theodorusclarence/react-loading-state-pattern

🔥 Hassle free asynchronous pattern using React Hot Toast, and SWR
https://github.com/theodorusclarence/react-loading-state-pattern

Last synced: 6 months ago
JSON representation

🔥 Hassle free asynchronous pattern using React Hot Toast, and SWR

• Host: GitHub
• URL: https://github.com/theodorusclarence/react-loading-state-pattern
• Owner: theodorusclarence
• Created: 2021-10-31T05:01:08.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-11-14T01:58:07.000Z (almost 4 years ago)
• Last Synced: 2025-02-10T13:15:03.782Z (8 months ago)
• Language: TypeScript
• Homepage: https://async-pattern.thcl.dev
• Size: 443 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React Loading State Pattern with Toast & SWR

![react-loading-state-pattern](https://socialify.git.ci/theodorusclarence/react-loading-state-pattern/image?description=1&language=1&owner=1&pattern=Charlie%20Brown&stargazers=1&theme=Dark)

Check out the full explanation on https://theodorusclarence.com/blog/react-loading-state-pattern

## Code to observe

1. [DismissableToast.tsx](https://github.com/theodorusclarence/react-loading-state-pattern/blob/main/src/components/DismissableToast.tsx)

2. [useLoadingToast.tsx](https://github.com/theodorusclarence/react-loading-state-pattern/blob/main/src/hooks/toast/useLoadingToast.tsx)

3. [useWithToast.tsx](https://github.com/theodorusclarence/react-loading-state-pattern/blob/main/src/hooks/toast/useWithToast.tsx)

4. [defaultToastMessage](https://github.com/theodorusclarence/react-loading-state-pattern/blob/main/src/lib/helper.ts#L52-L58)

5. [Normal Implementation](https://github.com/theodorusclarence/react-loading-state-pattern/blob/main/src/pages/normal.tsx)

6. [SWR Implementation](https://github.com/theodorusclarence/react-loading-state-pattern/blob/main/src/pages/swr.tsx)