noQwikUseVisibleTask

JSX and TSX

摘要

¥Summary

规则生效日期：v2.1.4

¥Rule available since: v2.1.4
诊断类别：lint/correctness/noQwikUseVisibleTask

¥Diagnostic Category: lint/correctness/noQwikUseVisibleTask
此规则没有修复方案。

¥This rule doesn’t have a fix.
此规则的默认严重级别为 error。

¥The default severity of this rule is error.
此规则属于以下域：

¥This rule belongs to the following domains:
- qwik
来源：

¥Sources:
- 与 qwik/no-use-visible-task 相同
  
  ¥Same as qwik/no-use-visible-task

如何配置

¥How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "correctness": {
5
        "noQwikUseVisibleTask": "error"
6
      }
7
    }
8
  }
9
}

描述

¥Description

禁止在 Qwik 组件中使用 useVisibleTask$() 函数。

¥Disallow useVisibleTask$() functions in Qwik components.

防止阻塞 Qwik 恢复功能的 hydration 操作。请参阅 Qwik 任务文档获取合适的替代方案。

¥Prevents hydration-blocking operations that hurt Qwik’s resumability. See Qwik Tasks Documentation for proper alternatives.

示例

¥Examples

无效

¥Invalid

1
useVisibleTask$(() => {
2
  console.log('Component is visible');
3
});

code-block.js:1:1 lint/correctness/noQwikUseVisibleTask ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Avoid useVisibleTask$ for non-interactive initialization
  
  > 1 │ useVisibleTask$(() => {
      │ ^^^^^^^^^^^^^^^
    2 │   console.log(‘Component is visible’);
    3 │ });
  
  ℹ This hook executes immediately on component mount without user interaction, potentially:
    - Hurting performance (blocking hydration)
    - Causing layout shifts (CLS)
    - Breaking SSR compatibility
  
  ℹ Check the Qwik documentation for suitable alternatives.

有效

¥Valid

1
useTask$(() => {
2
  console.log('Task executed');
3
});

noQwikUseVisibleTask

摘要

如何配置

描述

示例

无效

有效

相关链接