# Review React Native Async Patterns

React Native async bugs can hide in state actions, effects, and promise chains. This skill guides Claude, Codex, and Claude Code through focused async reviews and safer sequencing decisions.

## Install

```bash
npx skillstore add cjharmath/rn-async-patterns
```

## Metadata

- Status: approved
- Slug: cjharmath-rn-async-patterns
- Skillstore revision: r1
- Version status: missing
- Tree hash: f600b0013fc999659d398af24aa3f113d34567cb200202caee53a7724a498c90
- Author: CJHarmath
- GitHub username: CJHarmath
- License: MIT
- Repository: https://github.com/CJHarmath/claude-agents-skills/tree/main/skills/rn-async-patterns
- Ref: dd4a3ef9f20ddf38830950b4bb713df96b431fd6
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: external\_commands
- Quality score: 78
- Quality tier: bronze
- Public page: https://skillstore.pages.dev/skills/cjharmath-rn-async-patterns
- Manifest: https://skillstore.pages.dev/api/skills/cjharmath-rn-async-patterns/manifest

## Capabilities

- Identifies floating promise risks in React Native async flows.
- Reviews Zustand actions for hidden promise timing issues.
- Explains when async operations should run sequentially or in parallel.
- Checks useEffect async patterns for cleanup and race-condition safety.
- Recommends TypeScript ESLint rules for promise-related mistakes.

## Use Cases

- Debug Retake Flow Timing: Find missing awaits and unsafe sequencing in a user flow that updates Zustand state before loading dependent data.
- Harden Async Code Review: Use a checklist for promise handling, post-condition validation, useEffect cleanup, and ordered state changes before release.
- Tune Promise Linting: Select ESLint rules that catch floating promises, misused promises, missing awaits, and await on non-promises.

## Prompt Templates

### Find Floating Promises

```
Use rn-async-patterns to review this React Native file for async calls that are not awaited, returned, or intentionally ignored.
```

### Review Zustand Async Actions

```
Use rn-async-patterns to inspect these Zustand actions for hidden promises, unsafe state timing, and missing post-condition checks.
```

### Audit Effects and Race Conditions

```
Use rn-async-patterns to review these useEffect blocks for async callbacks, cleanup behavior, stale updates, and dependency-related race conditions.
```

### Design an Async Safety Review

```
Use rn-async-patterns to create a focused review plan for a React Native feature with async stores, API loading, and dependent operations.
```

## Limitations

- It is a guidance-only skill and does not run tests by itself.
- It focuses on React Native, Expo, Zustand, and TypeScript patterns.
- It cannot prove runtime behavior without project code and test results.
- It does not replace a full application security review.

## Best Practices

- Provide the relevant store, hook, or component code with surrounding async dependencies.
- Ask for sequencing recommendations when operations share state or depend on each other.
- Pair the review with tests or device logs when the bug only appears under timing pressure.

## Anti Patterns

- Do not treat every promise as parallelizable because it improves speed.
- Do not ignore a returned promise unless the fire-and-forget behavior is documented.
- Do not assume Zustand actions are synchronous without checking their implementation.

## Security Audit

- Audited at: 2026-07-06T05:26:32.288\+00:00
- Summary: All static findings are false positives caused by Markdown code fences, inline code formatting, and TypeScript examples. No prompt injection, credential material, automatic command execution, network access, or destructive behavior was found in SKILL.md.

## Stats

- Views: 276
- Downloads: 10
- Favorites: 0
- Popularity score: 0