2776dc731c
* Use intersection observer to preload links that are in viewport * Clean up names * Check for window before returning observer * update check for IntersectionObserver * Remove duplicate IntersectionObserver checks * Add test for prefetching links in viewport
25 lines
589 B
JavaScript
25 lines
589 B
JavaScript
import Link from 'next/link'
|
|
import { useState } from 'react'
|
|
|
|
export default () => {
|
|
const [href, setHref] = useState('/first')
|
|
|
|
return (
|
|
<div>
|
|
<a href='#scroll-to-me' id='scroll-to-another'>Scroll to another</a>
|
|
<button onClick={() => setHref('/another')}>Click me</button>
|
|
<Link href={href}>
|
|
<a>to {href}</a>
|
|
</Link>
|
|
<div style={{
|
|
height: 10000,
|
|
width: 20,
|
|
background: 'orange'
|
|
}} />
|
|
<p id='scroll-to-me'>Hi 👋</p>
|
|
<Link href='/another'>
|
|
<a>to /another</a>
|
|
</Link>
|
|
</div>
|
|
)
|
|
}
|