Оптимизация производительности React Native
Приложения React Native могут страдать от медленных списков, лишних рендеров и зависаний потока JS. Этот навык предоставляет сфокусированные паттерны для более быстрых экранов FlatList, мемоизированных компонентов, оптимизированных селекторов, кешированных изображений и профилирования.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
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.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «rn-performance». Экран каталога игроков подергивается при прокрутке сотен строк.
Ожидаемый результат:
Использование «rn-performance». Dashboard повторно рендерит каждую карточку при изменении одного значения Zustand.
Ожидаемый результат:
Использование «rn-performance». Экран ненадолго зависает после навигации, когда вычисляет рейтинги.
Ожидаемый результат:
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.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
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"
Диагностируйте медленные экраны FlatList и применяйте стабильные ключи, разметку элементов, мемоизированные строки и настройки окна рендеринга.
Проверяйте экраны с большим количеством списков перед релизом на устранимые рендеры, дорогие селекторы, проблемы с кешем изображений и блокировки потока JS.
Используйте примеры, чтобы объяснить, когда мемоизация помогает, когда добавляет накладные расходы и как профилировать поведение рендеринга.
Проверь этот экран списка React Native на очевидные проблемы производительности. Сфокусируйся на стабильных ключах, renderItem, getItemLayout и inline callbacks.
Проанализируй эти компоненты на ненужные повторные рендеры. Порекомендуй, где помогут React.memo, useMemo, useCallback или StyleSheet.create.
Проверь это использование Zustand на проблемы с селекторами. Предложи сфокусированные селекторы, поверхностное сравнение и более безопасные границы компонентов.
Создай приоритизированный план оптимизации производительности для этой функции React Native. Включи шаги профилирования, изменения списков, обработку изображений, мемоизацию и риски для потока JS.
Автор
CJHarmathЛицензия
MIT
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Ссылка
dd4a3ef9f20ddf38830950b4bb713df96b431fd6
Актуальность поддержки
23.07.2026
Использование
6 загрузок · 265 просмотров
Структура файлов
📄 SKILL.md
Улучшение паттернов React-хранилищ Zustand
Команды React могут сталкиваться с устаревшим состоянием, особенностями времени рендеринга и ошибками асинхронных действий при использовании Zustand. Этот навык дает прямые паттерны для хранилищ, селекторов, производного состояния, тестирования, отладки и персистентности.
Надежное развертывание React-приложений
Настройка развертывания React может быть повторяющейся и подверженной ошибкам. Этот навык предоставляет практические примеры для Vercel, Netlify, Docker, CI/CD, окружений и мониторинга.
Создавайте надежные сторы Zustand для React Native
Команды React Native часто теряют время из-за устаревшего состояния, тайминга асинхронных действий и лишних рендеров. Этот навык предоставляет паттерны Zustand, которые упрощают понимание, тестирование и отладку поведения сторов.
Применение паттернов стилизации React Native
Стилизация React Native может становиться непоследовательной между темами, экранами и платформами. Этот навык дает практические паттерны NativeWind и BrandColors для приложений Expo.
Улучшение наблюдаемости React Native
Тихие сбои и слабые сообщения об ошибках затрудняют диагностику мобильных багов. Этот навык дает практические паттерны React Native для логов, ошибок, трассировки и безопасной отправки отчетов.
Проектирование надежных потоков состояния в React
Сложные потоки React часто ломаются из-за пропущенных await, скрытых переходов и слабых состояний ошибок. Этот навык помогает проектировать явные состояния, валидацию, обратную связь в UI и интеграционные тесты.
Оптимизация приложений React Native
от vercel-labs
Приложения React Native могут страдать от медленных списков, дерганых анимаций и ошибок, связанных с платформой. Этот навык дает Codex, Claude и Claude Code краткие правила для производительной работы с Expo и React Native.
Настройка Tailwind CSS для Expo
от expo
Командам Expo нужна единообразная стилизация для native- и web-таргетов. Этот навык предоставляет сфокусированный путь настройки для Tailwind CSS v4, NativeWind v5 и react-native-css.
Создание Expo Dev Clients для нативного тестирования
от expo
Командам Expo нужны надежные клиенты разработки, когда нативный код выходит за рамки Expo Go. Этот навык помогает с настройкой сборки EAS, доставкой через TestFlight, локальными сборками, установкой и базовым устранением неполадок.
Создание DOM-компонентов Expo
от expo
Командам Expo часто нужны веб-библиотеки внутри нативных приложений без их переписывания. Этот навык помогает Claude, Codex и Claude Code использовать безопасные паттерны DOM-компонентов.
Создание сетевых сценариев для Expo
от expo
Мобильным приложениям нужны надежные API-запросы, кэширование, обработка токенов и поведение в офлайн-режиме. Этот навык помогает разработчикам Expo работать с fetch, React Query, SecureStore, NetInfo и конфигурацией на основе окружения.
Улучшение качества кода Vue 3
от vuejs-ai
В проектах Vue со временем часто накапливаются ошибки, связанные с реактивностью, компонентами и производительностью. Этот навык дает целевые рекомендации по Vue 3 для более безопасных паттернов и более понятного кода.