1---2name: li-lance-android-seraphim-framework-react-native-security3description: React Native Security4---56# React Native Security78## **Priority: P0 (CRITICAL)**910## Store Credentials Securely1112- **Keychain/Keystore**: Use `react-native-keychain` for tokens, passwords.13- **Never AsyncStorage**: Not encrypted. Only for non-sensitive data.14- **Biometric Auth**: Use `react-native-biometrics` for Face ID/Touch ID.1516See [keychain usage reference](references/keychain-usage.md) for Keychain storage with biometric17access control.1819## Validate Deep Links2021- **Validate URLs**: Check scheme and host before navigation.22- **Sanitize Params**: Never trust URL params. Validate and sanitize.23- **Token Extraction**: Avoid passing tokens in deep link URLs. Use secure code exchange.2425See [keychain usage reference](references/keychain-usage.md) for deep link URL validation with26scheme and host whitelisting.2728## Enforce Network Security2930- **HTTPS Only**: Enforce via `NSAppTransportSecurity` (iOS) and `network_security_config.xml` (31 Android).32- **Certificate Pinning**: Use `react-native-ssl-pinning` for high-security apps (banking,33 healthcare). **Warning**: Requires app update when certificates rotate.34- **No Secrets in Code**: Use `.env` files with `react-native-config`. Add to `.gitignore`.35- **Verify**: Test by attempting plain HTTP requests in dev; confirm they are rejected.3637## Protect Sensitive Data3839- **PII Masking**: Mask email/phone in logs and analytics.40- **Clipboard**: Clear sensitive data after paste.41- **Screenshots**: Block on sensitive screens with `react-native-screen-guard`.42- **Hermes**: Bytecode harder to reverse-engineer. **ProGuard/R8**: Enable on Android.4344## Anti-Patterns4546- **No Hardcoded Secrets**: Use environment variables.47- **No Sensitive Logs**: Strip `console.log` in production.48- **No Plain HTTP**: Always use HTTPS.49- **No Client-Side Auth**: Validate on backend.5051## References5253See [references/keychain-usage.md](references/keychain-usage.md) for Keychain, Biometrics, SSL54Pinning, and PII Masking.5556---57> Source: [li-lance/android-seraphim-framework](https://github.com/li-lance/android-seraphim-framework) — distributed by [TomeVault](https://tomevault.io).58<!-- tomevault:4.0:skill_md:2026-05-22 -->
Run npx skillmds@latest add tomevault-io/li-lance-android-seraphim-framework-react-native-security in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
React Native Security It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.