Split the 400-line screen by responsibility and keep the screen mostly declarative: - Keep JSX and screen-level event wiring in the screen component. - Move API calls and business rules into a feature service and a custom hook. - Colocate the screen, hook, service, and feature-specific components in one feature directory. - Move genuinely reusable UI to shared components, with styles defined through StyleSheet.create. The hook should expose loading, error, data, and actions; the screen should...
Scanned 9/5/2026
Install to Claude Code
Skills Directorynpx -y skills add HoangNguyen0403/agent-skills-standard --skill react-native-architecture --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of React Native Architecture?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/hoangnguyen0403-react-native-architecture-5847608d)More formats (shields.io, HTML) on the badges page.
Split the 400-line screen by responsibility and keep the screen mostly declarative:
- Keep JSX and screen-level event wiring in the screen component.
- Move API calls and business rules into a feature service and a custom hook.
- Colocate the screen, hook, service, and feature-specific components in one feature directory.
- Move genuinely reusable UI to shared components, with styles defined through StyleSheet.create.
The hook should expose loading, error, data, and actions; the screen should render those states rather than implement the rules itself. Keep files single-purpose, avoid circular feature dependencies, and use typed absolute imports.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
Use this skill when developing or maintaining browser extension code in the `browser/` directory, including Chrome/Firefox/Edge compatibility, content scripts, background scripts, or i18n updates.
Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation
SEO optimization with keyword analysis, readability assessment, technical validation, content quality. Use for search rankings, blog posts, content audits, or encountering keyword density, readability scores, meta tags, schema markup errors.
Python backend development expertise for FastAPI, security patterns, database operations, Upstash integrations, and code quality. Use when: (1) Building REST APIs with FastAPI, (2) Implementing JWT/OAuth2 authentication, (3) Setting up SQLAlchemy/async databases, (4) Integrating Redis/Upstash caching, (5) Refactoring AI-generated Python code (deslopification), (6) Designing API patterns, or (7) Optimizing backend performance.
PTES-aligned adversarial security audit for backend, frontend, and mobile applications. Produces a CVSS-scored Hacker Report with verified PoCs and phased remediation.
