Portfolio Buddy 2 - Architecture Reference
Получить справочник по архитектуре Portfolio Buddy 2
Краткий справочник по структуре проекта Portfolio Buddy 2. Содержит иерархию компонентов, паттерны хуков, утилитарные функции и документацию по потоку данных для ускорения разработки.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "Portfolio Buddy 2 - Architecture Reference". Как добавить новый компонент графика?
Résultat attendu:
- • Создать компонент в src/components/
- • Использовать Chart.js (не Recharts — он не используется)
- • Импортировать тип графика и плагины из react-chartjs-2
- • Подключиться к useMetrics или usePortfolio для получения данных
- • Добавить в соответствующий раздел в App.tsx
Audit de sécurité
SûrPure documentation skill containing only markdown reference material for Portfolio Buddy 2. No executable code, scripts, network calls, filesystem access, or external command execution. Safe for distribution.
Score de qualité
Ce que vous pouvez construire
Ознакомление с кодовой базой
Понять структуру проекта, иерархию компонентов и поток данных при присоединении к новой команде проекта.
Добавление новых функций
Следовать задокументированным паттернам для добавления новых метрик, графиков, хуков и компонентов в кодовую базу.
Проверка соответствия архитектуре
Проверить, следуют ли предлагаемые изменения установленным паттернам управления состоянием, использования TypeScript и организации компонентов.
Essayez ces prompts
Покажите мне иерархию компонентов для Portfolio Buddy 2. Каковы основные компоненты и как они вложены друг в друга?
Как использовать хук useMetrics? Какие данные он возвращает и как его вызывать в моём компоненте?
Проведите меня через поток данных от загрузки CSV до отображения метрик. Какие функции и хуки задействованы на каждом этапе?
Каковы шаги для добавления нового расчёта метрик в Portfolio Buddy 2? Какие файлы нужно изменить?
Bonnes pratiques
- Следуйте соглашению об именовании с префиксом use для кастомных хуков в src/hooks/
- Используйте useMemo для дорогостоящих вычислений и useCallback для стабильных колбэков
- Добавляйте JSDoc-комментарии для сложной логики и экспортируйте все интерфейсы для типобезопасности
- Держите компоненты под 200 строк, выделяя подкомпоненты при увеличении размера
Éviter
- Избегайте использования типа any в TypeScript — определяйте правильные интерфейсы для всех структур данных
- Не устанавливайте и не импортируйте Recharts — Chart.js является установленной библиотекой построения графиков
- Избегайте передачи пропсов через глубокие деревья компонентов — используйте кастомные хуки для разделения логики