mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
14c86bef1d
* Implement a very simple prefetching solution. * Remove next-prefetcher. * Require 'whatwg-fetch' only in the client. * Use xhr in the code. * Use a simple fetching solution. * Fix 404 and xhr status issue. * Move the prefetching implementation to next/router. * Add deprecated warnning for next/prefetch * Run only 2 parellel prefetching request at a time. * Change xhr to jsonPageRes. * Improve the prefetching logic. * Add unit tests covering the Router.prefetch() * Update examples to use the new syntax. * Update docs. * Use execOnce() to manage warn printing. * Remove prefetcher building from the flyfile.js Because, we no longer use it.
31 lines
650 B
JavaScript
31 lines
650 B
JavaScript
import Router from 'next/router'
|
|
import Link from 'next/link'
|
|
|
|
export default () => (
|
|
<div>
|
|
{ /* Prefetch using the declarative API */ }
|
|
<Link prefetch href='/'>
|
|
<a>Home</a>
|
|
</Link>
|
|
|
|
<Link prefetch href='/features'>
|
|
<a>Features</a>
|
|
</Link>
|
|
|
|
{ /* we imperatively prefetch on hover */ }
|
|
<Link href='/about'>
|
|
<a onMouseEnter={() => { Router.prefetch('/about'); console.log('prefetching /about!') }}>About</a>
|
|
</Link>
|
|
|
|
<Link href='/contact'>
|
|
<a>Contact (<small>NO-PREFETCHING</small>)</a>
|
|
</Link>
|
|
|
|
<style jsx>{`
|
|
a {
|
|
margin-right: 10px;
|
|
}
|
|
`}</style>
|
|
</div>
|
|
)
|