hwc-stimulus-fundamentals

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Chinese

Implement robust Stimulus controllers with clear lifecycle and state boundaries.

实现具备清晰生命周期和状态边界的健壮Stimulus控制器。

Define controller contract first: targets, values, outlets, actions, and expected lifecycle.
Keep state transitions in value callbacks when reactive updates are required.
Guard callbacks that can run before
```
connect()
```
completes.
Use
```
connect()/disconnect()
```
for setup and teardown symmetry.
Isolate DOM event handling from business rules; keep controllers composable.

Prefer declarative action parameters over manual dataset parsing.
Use outlets for controller-to-controller communication instead of private internals.
Keep target callbacks idempotent; account for repeated connect/disconnect cycles.
Use MutationObserver only when DOM-driven reactivity is required.
Feature-detect browser APIs before exposing UI affordances.

Open only the file needed for the current request.

Value changed callbacks:

references/2023-08-29-stimulus-value-changed-callbacks.md

Keyboard action filters and hotkeys:

references/2023-10-24-stimulus-keyboardevent-101.md

MutationObserver-based sorting:

references/2023-12-05-stimulus-auto-sorting.md

Outlets API communication:

references/2023-12-19-stimulus-outlets-api.md

Target callback orchestration:

references/2024-05-07-stimulus-target-callbacks.md

Web Share API integration:

references/2025-11-25-stimulus-web-share-api.md

Core Web Vitals and lazy-loading fundamentals:

references/2024-06-18-fundamentals-core-web-vitals.md

Use

references/INDEX.md

for the full catalog.

仅打开当前请求所需的文件。

值变更回调：

references/2023-08-29-stimulus-value-changed-callbacks.md

键盘动作过滤器和热键：

references/2023-10-24-stimulus-keyboardevent-101.md

基于MutationObserver的排序：

references/2023-12-05-stimulus-auto-sorting.md

Outlets API通信：

references/2023-12-19-stimulus-outlets-api.md

目标回调编排：

references/2024-05-07-stimulus-target-callbacks.md

Web Share API集成：

references/2025-11-25-stimulus-web-share-api.md

核心Web指标与懒加载基础：

references/2024-06-18-fundamentals-core-web-vitals.md

使用

references/INDEX.md

查看完整目录。