Infinite scroll
Programming languages by year. Ten at a time. Scroll down and the next ten load by themselves.
| # | Language | Year | Creator |
|---|---|---|---|
| 1 | Fortran | 1957 | John Backus |
| 2 | Lisp | 1958 | John McCarthy |
| 3 | COBOL | 1959 | Grace Hopper et al. |
| 4 | ALGOL 60 | 1960 | Backus, Naur et al. |
| 5 | BASIC | 1964 | Kemeny and Kurtz |
| 6 | Simula | 1967 | Dahl and Nygaard |
| 7 | Logo | 1967 | Papert, Feurzeig, Solomon |
| 8 | Forth | 1970 | Charles Moore |
| 9 | Pascal | 1970 | Niklaus Wirth |
| 10 | C | 1972 | Dennis Ritchie |
| Loading more… | |||
What to look at
The last row of each page is a sentinel: hx-trigger="intersect once" fires when it scrolls into view. It fetches the next page and hx-swap="outerHTML" replaces the sentinel with the new rows, which end in a new sentinel.
No scroll listener, no IntersectionObserver code, no "page" state in the browser. The server knows which page comes next because the sentinel carries it in its URL.
When the data runs out the server returns a plain row with no trigger. The chain stops on its own.