REACT DATA FETCHING PATTERNS

INTRODUCTION

This is a guide for different data fetching patterns in React
With the release of React v18, Suspense API is officially available for use (no longer experimental). This allows for a component to hold off rendering until data is loaded, while in the meantime showing the fallback component to the user.
We discuss the following patterns in this guide:
- React UseEffect & UseState hook
- React Custom Hook using Context API
- Redux
- useSWR from swr library
- React Query library

To illustrate the different data fetching patterns above, the following API data source is used:
```
https://randomuser.me/api/?results=20
```

Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
react-custom-hook		react-custom-hook
react-query		react-query
redux		redux
useeffect-hook		useeffect-hook
useswr		useswr
.gitignore		.gitignore
README.md		README.md