Синхронные события с useVisibleTask$()

Хотя это и не самый распространенный случай использования, иногда вам может понадобиться синхронная обработка событий.

Поскольку по умолчанию Qwik обрабатывает данные асинхронно, ваш код должен быть явно настроен на синхронные вызовы.

Существует два способа синхронной обработки событий:

  1. предпочтительный способ: используйте sync$() для синхронной загрузки кода. Быстрая, возобновляемая, но со значительными ограничениями на размер обработчика событий.
  2. немедленная регистрация: используйте useVisibleTask$() для синхронной загрузки кода. Ограничений нет, но требуется быстрое выполнение кода, что противоречит возобновляемости.

В этом примере показано, как выполнить код немедленно и настроить классический обработчик событий без ограничений, но с издержками немедленного выполнения.

Ваша задача: Преобразуйте onClick$ из асинхронного события в синхронное, используя жизненный цикл useVisibleTask$ и обычная регистрация событий.

Edit Tutorial