expo react native javascript Лучшие практики
Expo React Native JavaScript best practices for clean code, functional components, performance optimization, and Expo Router navigation.
AImindrally
official
Разработка
Что делает навык
Набор руководящих принципов для создания высококачественных приложений Expo React Native на JavaScript, ориентированных на чистый код, модульность и производительность. Skill определяет стандарты структуры кода, организации директорий и именований для обеспечения читаемости и переиспользуемости.
Когда применять
- Настройка архитектуры проекта с использованием feature-based organization для группировки компонентов и хуков.
- Рефакторинг классовых компонентов в функциональные компоненты с использованием хуков (useState, useEffect).
- Приведение именования переменных, функций и компонентов к стандартам camelCase и PascalCase.
- Декомпозиция крупных компонентов на более мелкие части с единой ответственностью (single responsibility).
Как работает
- Использовать функциональные компоненты с хуками вместо классовых компонентов.
- Группировать связанные компоненты, хуки и стили в директории на основе функций (например, user-profile, chat-screen).
- Применять camelCase для именования переменных и функций (например, isFetchingData, handleUserInput).
- Применять PascalCase для именования компонентов (например, UserProfile, ChatScreen).
- Использовать строчные буквы с дефисами для именования директорий (например, user-profile, chat-screen).
- Разбивать компоненты на более мелкие, переиспользуемые части с единой ответственностью.
Примеры запросов агенту
Как организовать структуру папок для экрана чата в Expo React Native?
Переименуй переменные и компоненты в соответствии с best practices для JavaScript.
Как правильно использовать хуки в функциональных компонентах Expo?
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «expo-react-native-javascript-best-practices» из репозитория:
# https://github.com/mindrally/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r expo-react-native-javascript-best-practices/ ~/.claude/skills/expo-react-native-javascript-best-practices/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.