React Native Performance optimieren
React Native Apps können unter langsamen Listen, zusätzlichen Render-Vorgängen und Blockaden des JS-Threads leiden. Dieser Skill bietet fokussierte Muster für schnellere FlatList Screens, memoized Components, optimierte Selectors, gecachte Bilder und Profiling.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "rn-performance" from https://skillstore.io/skills/cjharmath-rn-performance.md and its manifest at https://skillstore.io/api/skills/cjharmath-rn-performance/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.
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
„rn-performance“ wird verwendet. Ein Spielerverzeichnis-Screen ruckelt beim Scrollen durch Hunderte von Zeilen.
Erwartetes Ergebnis:
„rn-performance“ wird verwendet. Ein Dashboard rendert jede Card neu, wenn sich ein Zustand-Wert ändert.
Erwartetes Ergebnis:
„rn-performance“ wird verwendet. Ein Screen friert nach der Navigation kurz ein, wenn Rankings berechnet werden.
Erwartetes Ergebnis:
All static findings were adjudicated as false positives. The detections come from Markdown fences, inline backticks, TypeScript examples, and a React.memo prop comparison in a documentation-only skill. No prompt injection, external command execution, network access, filesystem access, or data exfiltration intent was found in SKILL.md.
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
https://skillstore.io/skills/cjharmath-rn-performance/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/cjharmath-rn-performance?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/cjharmath-rn-performance?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cjharmath-rn-performance/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/cjharmath-rn-performance.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>CJHarmath. (2026). rn-performance security audit report (audit version 7) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cjharmath-rn-performance/audits/7@techreport{cjharmath-cjharmath-rn-performance-2026,
author = {CJHarmath},
title = {rn-performance security audit report (audit version 7)},
institution = {Skillstore},
year = {2026},
number = {7},
url = {https://skillstore.io/skills/cjharmath-rn-performance/audits/7},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "rn-performance security audit report (audit version 7)"
version: "unspecified"
type: report
authors:
- name: "CJHarmath"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/cjharmath-rn-performance/audits/7"
identifiers:
- type: other
value: "skillstore:cjharmath-rn-performance:audit:7"
description: "Skillstore immutable audit report identifier"
Diagnostiziere langsame FlatList Screens und wende stabile Keys, Item-Layout, memoized Rows und Render-Window-Einstellungen an.
Prüfe listenlastige Screens vor dem Release auf vermeidbare Renders, teure Selectors, Probleme mit dem Bild-Cache und Blockierung des JS-Threads.
Nutze die Beispiele, um zu erklären, wann Memoization hilft, wann sie Overhead verursacht und wie Render-Verhalten profiliert wird.
Überprüfe diesen React Native List Screen auf offensichtliche Performance-Probleme. Konzentriere dich auf stabile Keys, renderItem, getItemLayout und Inline-Callbacks.
Analysiere diese Components auf unnötige Re-Renders. Empfiehl, wo React.memo, useMemo, useCallback oder StyleSheet.create helfen würden.
Überprüfe diese Zustand-Nutzung auf Selector-Probleme. Schlage fokussierte Selectors, shallow comparison und sicherere Component-Grenzen vor.
Erstelle einen priorisierten Performance-Plan für dieses React Native Feature. Beziehe Profiling-Schritte, Listenänderungen, Bildbehandlung, Memoization und Risiken für den JS-Thread ein.
Autor
CJHarmathLizenz
MIT
Skillstore-Revision
r1
Versionshinweis
Der Autor hat keine Version angegeben.
Ref.
dd4a3ef9f20ddf38830950b4bb713df96b431fd6
Aktualität der Wartung
18.7.2026
Nutzung
6 Downloads · 265 Aufrufe
Dateistruktur
📄 SKILL.md
React-Zustand-Store-Patterns verbessern
React-Teams können bei der Verwendung von Zustand auf veralteten State, Render-Timing-Probleme und Fehler in async actions stoßen. Diese Skill bietet direkte Patterns für Stores, Selectors, derived state, Tests, Debugging und Persistence.
React-Apps zuverlässig bereitstellen
Die Einrichtung von React-Deployments kann repetitiv und fehleranfällig sein. Diese Skill bietet praktische Beispiele für Vercel, Netlify, Docker, CI/CD, Umgebungen und Monitoring.
Zuverlässige React Native Zustand Stores erstellen
React Native-Teams verlieren oft Zeit durch veralteten State, Timing von asynchronen Aktionen und vermeidbare Render-Vorgänge. Dieser Skill bietet Zustand-Muster, mit denen das Store-Verhalten leichter nachvollzogen, getestet und debuggt werden kann.
React Native-Styling-Muster anwenden
React Native-Styling kann über Themes, Screens und Plattformen hinweg inkonsistent werden. Diese Skill bietet praktische NativeWind- und BrandColors-Muster für Expo-Apps.
React-Native-Observability verbessern
Stille Fehler und schwache Fehlermeldungen erschweren die Diagnose mobiler Bugs. Diese Skill bietet praktische React-Native-Muster für Logs, Fehler, Tracing und sicheres Reporting.
Zuverlässige React-State-Flows entwerfen
Komplexe React-Flows scheitern häufig durch vergessene awaits, versteckte Übergänge und schwache Fehlerzustände. Diese Skill unterstützt explizites State-Design, Validierung, UI-Feedback und Integrationstests.
React Native Apps optimieren
von vercel-labs
React Native Apps können unter langsamen Listen, ruckelnden Animationen und plattformbezogenen Fehlern leiden. Dieser Skill gibt Codex, Claude und Claude Code prägnante Regeln für performante Arbeit mit Expo und React Native.
Tailwind CSS für Expo konfigurieren
von expo
Expo-Teams benötigen konsistentes Styling über native und Web-Ziele hinweg. Dieser Skill bietet einen fokussierten Einrichtungsweg für Tailwind CSS v4, NativeWind v5 und react-native-css.
Expo Dev Clients für natives Testen erstellen
von expo
Expo-Teams benötigen zuverlässige Entwicklungsclients, wenn nativer Code über Expo Go hinausgeht. Dieser Skill führt durch die Einrichtung von EAS Build, die Bereitstellung über TestFlight, lokale Builds, Installation und grundlegende Fehlerbehebung.
Expo-DOM-Komponenten erstellen
von expo
Expo-Teams benötigen häufig Webbibliotheken innerhalb nativer Apps, ohne sie neu zu schreiben. Diese Skill leitet Claude, Codex und Claude Code durch sichere DOM-Komponentenmuster.
Expo-Networking-Flows erstellen
von expo
Mobile Apps benötigen zuverlässige API-Anfragen, Caching, Token-Verarbeitung und Offline-Verhalten. Diese Skill führt Expo-Entwickler durch fetch, React Query, SecureStore, NetInfo und umgebungsbasierte Konfiguration.
Vue-3-Codequalität verbessern
von vuejs-ai
In Vue-Projekten sammeln sich im Laufe der Zeit häufig Fehler bei Reaktivität, Komponenten und Performance an. Dieser Skill bietet gezielte Vue-3-Anleitung für sicherere Muster und klareren Code.