Навыки Code Patterns & Practices
📦

Code Patterns & Practices

Ревизия содержимого r3 Безопасно ⚡ Содержит скрипты⚙️ Внешние команды🌐 Доступ к сети

Применение паттернов кодирования React Native

Команды React Native часто повторяют решения по компонентам, состоянию и получению данных. Этот навык дает Claude, Codex и Claude Code компактную справку по проверенным паттернам TypeScript.

Поддерживает: Claude Codex Code(CC)
📊 76 Адекватно

Установить с помощью моего Агента

Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.

Запрос агента
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.

Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.

Ресурсы для AI-агентов

Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.

Протестировать

Использование «Code Patterns & Practices». Разработчик спрашивает, как переиспользовать логику открытия и закрытия модального окна на нескольких экранах.

Ожидаемый результат:

Навык рекомендует извлечь пользовательский хук с четким владением состоянием и простым API переключения.

Использование «Code Patterns & Practices». Команде нужно совместно использовать текущего пользователя на многих экранах React Native.

Ожидаемый результат:

Навык сравнивает контекст и легковесное глобальное хранилище, а затем рекомендует более простой вариант на основе частоты обновлений.

Использование «Code Patterns & Practices». Экран получает данные пользователя и иногда обновляет состояние после того, как пользователь покидает экран.

Ожидаемый результат:

Навык предлагает очистку эффекта, явные состояния загрузки и ошибки, а также более безопасный поток получения данных.

Аудит безопасности

Безопасно

All 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.

1
Просканировано файлов
337
Проанализировано строк
0
Пункты проверки
0
Ложные срабатывания проигнорированы
Последний завершенный статический и семантический аудит не обнаружил подтвержденных проблем безопасности. Это не доказывает отсутствие побочных эффектов у навыка.
Поделиться и цитировать этот отчет

Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.

Открыть версионный отчет
Оценка безопасности

Копировать ссылку на отчёт

https://skillstore.io/skills/babakbar-code-patterns-practices/audits/12?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/babakbar-code-patterns-practices/security.svg)](https://skillstore.io/skills/babakbar-code-patterns-practices?utm_source=security_passport_badge)

Значок HTML

<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>

Встраиваемая карточка

<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>
Академические ссылки (APA · BibTeX · CFF)

Цитата APA

BabakBar. (2026). Code Patterns & Practices security audit report (audit version 12) [Author version unspecified]. Skillstore. https://skillstore.io/skills/babakbar-code-patterns-practices/audits/12

Цитата BibTeX

@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

Почему такая оценка Достоверность доказательств: Высокий
55
Архитектура
85
Сопровождаемость
87
Контент
70
Сообщество
65
Соответствие спецификации

Что вы можете построить

Планирование новой функции

Выбрать паттерн компонента и состояния перед реализацией экрана React Native.

Рефакторинг повторяющейся логики

Вынести дублирующееся поведение в пользовательские хуки или общие компоненты с более четкими границами.

Проверка качества приложения

Проверить функцию React Native на состояния загрузки, очистку, обработку ошибок и вопросы мобильной верстки.

Попробуйте эти промпты

Выбрать паттерн компонента
Я создаю функцию React Native. Помогите выбрать между пользовательским хуком, составными компонентами и render props. Объясните компромиссы.
Рефакторинг управления состоянием
Проверьте этот поток состояния React Native и порекомендуйте, что подходит лучше: локальное состояние, контекст или хранилище Zustand. Объясните шаги миграции.
Улучшить получение данных
Помогите улучшить хук получения данных React Native. Сосредоточьтесь на состояниях загрузки, обработке ошибок, отмене и читаемом TypeScript.
Аудит дизайна функции
Проверьте этот дизайн функции React Native на границы компонентов, риски производительности, владение состоянием, вопросы мобильной верстки и приоритеты тестирования.

Лучшие практики

  • Используйте самый небольшой паттерн, который ясно решает текущую проблему.
  • Добавляйте поведение загрузки, ошибки и очистки, когда задействованы данные или эффекты.
  • Профилируйте проблемы производительности перед добавлением мемоизации или ленивой загрузки.

Избегать

  • Не создавайте крупные компоненты, которые смешивают верстку, получение данных и бизнес-правила.
  • Не переносите состояние в глобальное хранилище, пока локального состояния и контекста недостаточно.
  • Не оптимизируйте каждый путь рендера без измерения реальной стоимости производительности.

Часто задаваемые вопросы

Для каких проектов этот навык подходит лучше всего?
Он лучше всего подходит для проектов React Native, которые используют TypeScript и распространенные паттерны React.
Пишет ли он полный код приложения?
Он предоставляет паттерны и рекомендации. Для полного кода все равно нужен контекст конкретного проекта.
Может ли он помочь с выбором управления состоянием?
Да. Он сравнивает локальное состояние, контекст и легковесные паттерны глобального состояния.
Охватывает ли он производительность React Native?
Да. Он охватывает мемоизацию, стабильные callbacks, мемоизацию компонентов и ленивую загрузку.
Включает ли он UI-паттерны, специфичные для мобильных приложений?
Да. Он включает обработку safe area и keyboard avoiding views.
Привязан ли этот навык к одному AI-инструменту?
Нет. Он описан как совместимый с Claude, Codex и Claude Code.

Сведения для разработчиков

Автор

BabakBar

Лицензия

MIT

Ревизия Skillstore

r3

Примечание о версии

Автор не указал версию.

Ссылка

80999bf530a7874d7bedf8ce202001ecb4c4f5e0

Актуальность поддержки

26.07.2026

Использование

7 загрузок · 201 просмотров

Структура файлов

📄 SKILL.md

Больше от BabakBar

Показать все
📦

React Native Mobile Development

76

Создание приложений React Native с Expo

Мобильным командам нужны быстрые рекомендации по настройке React Native, компонентам и проверкам платформ. Этот навык объединяет команды Expo, паттерны компонентов и шаги устранения неполадок в одном месте.

Кодинг и разработка Просмотр
📦

Mobile Debugging

75

Отладка мобильных приложений React Native

Отладка мобильных приложений часто застопоривается, когда логи, кэши, нативные сборки и платформенные инструменты смешиваются вместе. Этот skill дает Claude, Codex и Claude Code сфокусированный рабочий процесс устранения неполадок для React Native и Expo.

Кодинг и разработка Просмотр
Показать все
📦

analyzing-patterns

86

Анализ паттернов кода и архитектуры

от C0ntr0lledCha0s

В больших кодовых базах скрываются повторяющиеся структуры и неочевидные архитектурные решения. Этот навык находит паттерны, объясняет их назначение и выделяет практические возможности для рефакторинга.

Кодинг и разработка Просмотр
📦

playwright-testing

86

Улучшение покрытия тестами Playwright

от C0ntr0lledCha0s

Наборы тестов Playwright могут становиться нестабильными, когда конфигурация, локаторы и фикстуры непоследовательны. Этот навык дает практические шаблоны для надежных браузерных тестов, отладки и переиспользуемых page objects.

Кодинг и разработка Просмотр
📦

code-reviewer

83

Ревью кода со структурированными проверками качества

от alirezarezvani

При ревью кода можно упустить проблемы качества, безопасности и сопровождаемости. Этот навык помогает проводить структурированные ревью с помощью скриптов, чеклистов и генерации отчетов.

Кодинг и разработка Просмотр
📦

vue-best-practices

82

Улучшение качества кода Vue 3

от vuejs-ai

В проектах Vue со временем часто накапливаются ошибки, связанные с реактивностью, компонентами и производительностью. Этот навык дает целевые рекомендации по Vue 3 для более безопасных паттернов и более понятного кода.

Кодинг и разработка Просмотр
📦

senior-fullstack

82

Создавайте fullstack-приложения с рекомендациями senior-разработчика

от alirezarezvani

Fullstack-проекты часто требуют согласованной настройки, выбора архитектуры и проверок качества. Этот навык предоставляет скрипты и справочные материалы для работы с React, Next.js, Node.js, GraphQL и PostgreSQL.

Кодинг и разработка Просмотр