у пикселей есть гравитация

Предсказание цели для React и Next.js

Узнайте цель
ещё до клика.

Достигайте соотношения fetch:click 1.37. Intent-link вычисляет вероятность с помощью кинетической и потенциальной энергии, обусловленной скоростью движения и расстоянием.

$ npm install intent-link
npmv1.0.13licenseMITreact≥18next≥13

01 / применения

Один сигнал. Множество применений.

// аналитика

Намерение, а не только клики

Фиксируйте брошенные приближения и колебания, а не только действия.

// раскрытие

Постепенное раскрытие

Открывайте предпросмотр или подсказку, как только пользователь направляется к ним.

// производительность

Предзагрузка ссылок

Предзагружайте навигационные ссылки до того, как пользователь нажмёт на них.

// адаптивный UI

Помощь в наведении

Увеличивайте или приближайте цели по мере приближения пользователя.

01
01
Измерить
зашумлённую траекторию
02
02
Оценить
вероятную цель
03
03
Подготовить
до достижения

02 / живое демо

Двигайтесь к карточке — смотрите, как она предзагружается.

shop.example/new-in

importance

cost

поток onIntent0 срабатываний
// двигайтесь к карточке, чтобы вызвать сигнал…
product shot
Женщины
product shot
Мужчины
product shot
Дети
product shot
Обувь
product shot
Сумки
product shot
Аксессуары
product shot
Спорт
product shot
Деним
product shot
Верхняя одежда
product shot
Красота
product shot
Дом
product shot
Распродажа
product shot
Электроника
product shot
Часы
product shot
Украшения
product shot
Мебель
product shot
Подарки
product shot
Путешествия
18 категорий

03 / почувствуйте разницу

Тот же клик. Без ожидания.

Одна страница ждёт сетевого запроса, а другая загружается во время движения пользователя по траектории.

сэкономлено времени за эту сессию

0 ms

Без intent-linkне загружено
/product/quilted-jacket
С intent-linkпростой
/product/quilted-jacket

04 / отличие

Не видимость. Не наведение. Намерение.

Все остальные подходы либо запаздывают, либо расходуют ресурсы впустую.

1.37

Соотношение Fetch:Click

useIntentTarget

Создавайте собственные компоненты

React · Next

Для самого популярного фреймворка

MIT

Открытый исходный код, без сбора данных

Подходintent-linkForesightJSinstant.pageNext.js prefetchGuess.js
Моментдо достиженияпо траекториипри наведениипри попадании в область видимостипредвычислено
Избирательностьцельцельодинвсё видимоелучшие догадки

Навигация, которая ощущается мгновенной.

$ npm install intent-link