Code Patterns & Practices
React Native-Codemuster anwenden
React Native-Teams treffen häufig wiederholt Entscheidungen zu Komponenten, State und Datenabruf. Dieser Skill bietet Claude, Codex und Claude Code eine kompakte Referenz für bewährte TypeScript-Muster.
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 "Code Patterns & Practices" from https://skillstore.io/skills/babakbar-code-patterns-practices.md and its manifest at https://skillstore.io/api/skills/babakbar-code-patterns-practices/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
„Code Patterns & Practices“ wird verwendet. Ein Entwickler fragt, wie sich die Logik zum Öffnen und Schließen von Modals über mehrere Screens hinweg wiederverwenden lässt.
Erwartetes Ergebnis:
Der Skill empfiehlt, einen Custom Hook mit klarer State Ownership und einer einfachen Toggle-API zu extrahieren.
„Code Patterns & Practices“ wird verwendet. Ein Team muss den aktuellen Benutzer über viele React Native-Screens hinweg teilen.
Erwartetes Ergebnis:
Der Skill vergleicht Context und einen leichtgewichtigen globalen Store und empfiehlt dann basierend auf der Aktualisierungshäufigkeit die einfachere Option.
„Code Patterns & Practices“ wird verwendet. Ein Screen ruft Benutzerdaten ab und aktualisiert manchmal den State, nachdem der Benutzer den Screen verlassen hat.
Erwartetes Ergebnis:
Der Skill schlägt Effect-Cleanup, explizite Lade- und Fehlerzustände sowie einen sichereren Datenabruf-Flow vor.
Sicherheitsaudit
SicherAll 31 static findings are false positives caused by Markdown fences, TypeScript template literals, an illustrative relative API request, public documentation links, and a section heading. The skill is documentation-only and contains no prompt injection, command execution, credential access, or data-exfiltration intent.
Risikofaktoren
⚡ Enthält Skripte (1)
⚙️ Externe Befehle (26)
🌐 Netzwerkzugriff (3)
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/babakbar-code-patterns-practices/audits/12?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown-Badge
[](https://skillstore.io/skills/babakbar-code-patterns-practices?utm_source=security_passport_badge)HTML-Badge
<a href="https://skillstore.io/skills/babakbar-code-patterns-practices?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/babakbar-code-patterns-practices/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Einbettungskarte
<iframe src="https://skillstore.io/embed/skills/babakbar-code-patterns-practices.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
BabakBar. (2026). Code Patterns & Practices security audit report (audit version 12) [Author version unspecified]. Skillstore. https://skillstore.io/skills/babakbar-code-patterns-practices/audits/12BibTeX-Zitat
@techreport{babakbar-babakbar-code-patterns-practices-2026,
author = {BabakBar},
title = {Code Patterns & Practices security audit report (audit version 12)},
institution = {Skillstore},
year = {2026},
number = {12},
url = {https://skillstore.io/skills/babakbar-code-patterns-practices/audits/12},
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: "Code Patterns & Practices security audit report (audit version 12)"
version: "unspecified"
type: report
authors:
- name: "BabakBar"
date-released: "2026-07-18"
url: "https://skillstore.io/skills/babakbar-code-patterns-practices/audits/12"
identifiers:
- type: other
value: "skillstore:babakbar-code-patterns-practices:audit:12"
description: "Skillstore immutable audit report identifier"
Skillstore-Score
Warum dieser Score Evidenzvertrauen: HochWas Sie erstellen können
Ein neues Feature planen
Ein Komponenten- und State-Muster auswählen, bevor ein React Native-Screen implementiert wird.
Wiederholte Logik refaktorieren
Dupliziertes Verhalten in Custom Hooks oder gemeinsame Komponenten mit klareren Grenzen verschieben.
App-Qualität überprüfen
Ein React Native-Feature auf Ladezustände, Cleanup, Fehlerbehandlung und mobile Layout-Aspekte prüfen.
Diese Prompts ausprobieren
Ich entwickle ein React Native-Feature. Hilf mir, zwischen einem Custom Hook, Compound Components und Render Props zu wählen. Erkläre die Tradeoffs.
Prüfe diesen React Native-State-Flow und empfehle, ob lokaler State, Context oder ein Zustand-Store am besten passt. Erkläre die Migrationsschritte.
Hilf mir, einen React Native-Datenabruf-Hook zu verbessern. Konzentriere dich auf Ladezustände, Fehlerbehandlung, Abbruchlogik und lesbares TypeScript.
Prüfe dieses React Native-Feature-Design auf Komponentengrenzen, Performance-Risiken, State Ownership, mobile Layout-Aspekte und Testprioritäten.
Bewährte Praktiken
- Verwende das kleinste Muster, das das aktuelle Problem klar löst.
- Füge Lade-, Fehler- und Cleanup-Verhalten hinzu, wenn Daten oder Effekte beteiligt sind.
- Profile Performance-Probleme, bevor du Memoization oder Lazy Loading hinzufügst.
Vermeiden
- Erstelle keine großen Komponenten, die Layout, Datenabruf und Geschäftsregeln vermischen.
- Verschiebe State nicht in einen globalen Store, bevor lokaler State und Context unzureichend sind.
- Optimiere nicht jeden Render-Pfad, ohne die tatsächlichen Performance-Kosten zu messen.