react-async-patterns
React-Async-Fehler beheben
Async-Fehler in React erzeugen Race Conditions, verpasste State-Updates und unzuverlässige Effects. Diese Skill unterstützt Reviews, Korrekturen und Lint-Regeln für sichereren Async-Code.
Mit meinem Agent installieren
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "react-async-patterns" from https://skillstore.io/skills/cjharmath-react-async-patterns.md and its manifest at https://skillstore.io/api/skills/cjharmath-react-async-patterns/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.
Agent-lesbare Ressourcen
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
Testen
„react-async-patterns“ wird verwendet. A component loads user data in an effect and sets state after navigation.
Erwartetes Ergebnis:
- Identifiziert eine Race Condition, wenn der Screen unmountet, bevor die Anfrage abgeschlossen ist.
- Empfiehlt Cancellation, bevor State gesetzt wird.
- Schlägt vor, Fehlerpfade zu prüfen, bevor abhängige Daten gerendert werden.
„react-async-patterns“ wird verwendet. A Zustand action starts setup work and immediately updates feature state.
Erwartetes Ergebnis:
Das Review markiert verstecktes Async-Verhalten und empfiehlt, das Setup abzuwarten, bevor davon abhängige State-Änderungen erfolgen.
„react-async-patterns“ wird verwendet. A reviewer wants lint guidance for promise correctness.
Erwartetes Ergebnis:
- Empfiehlt no-floating-promises für fehlende awaits.
- Fügt require-await- und await-thenable-Prüfungen hinzu.
- Verwendet no-misused-promises für unsichere Async-Callbacks.
Sicherheitsaudit
SicherAll static findings are false positives caused by Markdown code fences, inline backticks, and illustrative React or TypeScript examples. The fetch example demonstrates AbortController cleanup in application code, and the sensitive-key finding is an Object.keys substring match. No prompt injection, data exfiltration, or auto-executing behavior was found.
Risikofaktoren
⚙️ Externe Befehle (40)
🌐 Netzwerkzugriff (1)
Diesen Bericht teilen & zitieren
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
Berichtslink kopieren
https://skillstore.io/skills/cjharmath-react-async-patterns/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown-Badge
[](https://skillstore.io/skills/cjharmath-react-async-patterns?utm_source=security_passport_badge)HTML-Badge
<a href="https://skillstore.io/skills/cjharmath-react-async-patterns?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cjharmath-react-async-patterns/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Einbettungskarte
<iframe src="https://skillstore.io/embed/skills/cjharmath-react-async-patterns.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Wissenschaftliche Zitate (APA · BibTeX · CFF)
APA-Zitat
CJHarmath. (2026). react-async-patterns security audit report (audit version 7) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cjharmath-react-async-patterns/audits/7BibTeX-Zitat
@techreport{cjharmath-cjharmath-react-async-patterns-2026,
author = {CJHarmath},
title = {react-async-patterns security audit report (audit version 7)},
institution = {Skillstore},
year = {2026},
number = {7},
url = {https://skillstore.io/skills/cjharmath-react-async-patterns/audits/7},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "react-async-patterns security audit report (audit version 7)"
version: "unspecified"
type: report
authors:
- name: "CJHarmath"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/cjharmath-react-async-patterns/audits/7"
identifiers:
- type: other
value: "skillstore:cjharmath-react-async-patterns:audit:7"
description: "Skillstore immutable audit report identifier"
Skillstore-Score
Warum dieser Score Evidenzvertrauen: HochWas Sie erstellen können
Feature-Code reviewen
Floating promises, fehlende awaits und unsichere Reihenfolgen finden, bevor ein React-Feature ausgeliefert wird.
Mobile Effects stabilisieren
Cleanup- und Cancellation-Muster auf React Native-Screens anwenden, die asynchrone Daten laden.
Async-Review-Standards erstellen
Lint-Regeln und Checklistenpunkte für Teams definieren, die TypeScript-React-Apps warten.
Diese Prompts ausprobieren
Review this React component for async bugs. Find floating promises, race conditions, and missing post-condition checks. Suggest focused fixes.
Analyze this useEffect flow. Explain where unmounts or dependency changes can race. Recommend cancellation or AbortController changes.
Inspect these Zustand actions. Identify hidden async behavior, missing awaits, and state assumptions. Propose safer action signatures.
Design an async data flow for this React feature. Decide what should be sequential, parallel, or handled by TanStack Query. Explain tradeoffs.
Bewährte Praktiken
- TypeScript-ESLint-Promise-Regeln aktivieren, bevor Async-Code manuell reviewt wird.
- State nach kritischen Ladevorgängen validieren, bevor abhängige Aktionen fortgesetzt werden.
- AbortController oder Cancellation-Flags für Effects verwenden, die Daten laden.
Vermeiden
- Promise-zurückgebende Funktionen aufrufen, ohne sie abzuwarten, zurückzugeben oder die Ausführung im Hintergrund zu dokumentieren.
- Abhängige Async-Schritte innerhalb von Promise.all ausführen.
- Einen useEffect-Callback direkt async machen, statt die asynchrone Arbeit zu wrappen.