# Data loading
Source: https://signy.dev/examples/data-loading/
A table that loads, reloads and fails on purpose.
A resource fetches books from a pretend API that answers after 600ms. Its source reads the genre and the failure switch, so changing either fetches again. The table shows the last result while the next one loads.
## Preview
[Open the page on its own](https://signy.dev/examples/data-loading/demo/index.html.md)
## Code
Save it as an `.html` file and open it in a browser. It loads Signy and Iris CSS from the CDN, so there is nothing to install or build.
**Show the full page**
```html
Data loading - Signy example
```
## What it uses
- [Resource](https://signy.dev/documentation/1/reactivity/resource/index.html.md) with a source, `loading`, `error` and `refetch()`
- [Show](https://signy.dev/documentation/1/templates/show/index.html.md) for the error, and [For](https://signy.dev/documentation/1/templates/for-and-index/index.html.md) for the rows