react-quicklink-component

> React component prefetching in-viewport links during idle time

Inspired by GoogleChromeLabs quicklink, implemented with React component

How it works

component attempts to make navigations to subsequent pages load faster. It:

* Detects links within the viewport (using Intersection Observer)
* Waits until the browser is idle (using requestIdleCallback)
* Checks if the user isn't on a slow connection (using navigator.connection.effectiveType) or has data-saver enabled (using navigator.connection.saveData)
* Prefetches URLs to the links (using or XHR). Provides some control over the request priority (can switch to fetch() if supported).

we connect quicklink source code by React ref and design component by render prop pattern.

Installation

For use with node and npm:

``sh
npm install --save react-quicklink-component
`

Usage

Once initialized, Quicklink will automatically prefetch children component's URLs for links that are in-viewport during idle time.

Quickstart:

` javascript


...


``

As for Quicklink's options prop, absolutely the same with quicklink

License

Licensed under the Apache-2.0 license.