ohos-react-native-performance

# OpenHarmony React Native Performance Static Check Skills

Static-check rules and config for React Native for OpenHarmony, from the official [performance-optimization](https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/en/performance-optimization.md) doc. This skill is English-only to reduce token usage; Chinese content is available via links below.

## When to Apply

Use this skill when:

- Writing or reviewing **React Native for OpenHarmony** (RNOH) application code or OpenHarmony project configuration
- Optimizing React Native page rendering, setState, or list performance
- Configuring **bundle-harmony** build, Hermes bytecode, or Release build
- Integrating or reviewing **RNAbility** lifecycle (onForeground/onBackground)
- Designing or implementing **TurboModule** (main vs worker thread)
- Preparing for performance analysis with Trace, React Marker, FCP, etc.

## Rule Categories by Priority

| Priority | Category            | Impact   | Prefix                    |
| -------- | ------------------- | -------- | ------------------------- |
| 1        | Render optimization | CRITICAL | `rnoh-render-`              |
| 2        | Bundle & native     | HIGH     | `rnoh-bundle-`, `rnoh-native-` |
| 3        | Lifecycle & monitor | HIGH     | `rnoh-lifecycle-`           |
| 4        | TurboModule         | MEDIUM   | `rnoh-turbo-`               |
| 5        | List & key          | MEDIUM   | `rnoh-list-`                |

## Quick Reference

### 1. Render optimization (CRITICAL)

- `rnoh-render-avoid-same-state` — Avoid setState when state unchanged to prevent extra renders
- `rnoh-render-pure-memo` — Use PureComponent or React.memo to avoid unnecessary re-renders
- `rnoh-render-props-once` — Create callbacks/prop objects once (constructor or outside component)
- `rnoh-render-split-child` — Split independent UI into child components
- `rnoh-render-merge-setstate` — Merge setState to avoid multiple commits and renders...

# ohos-react-native-performance

OpenHarmony React Native performance static-check agent skill for the **static analysis** tool. For use by any agent that supports skills.

## Source

- **Official repo (this skill):** <https://gitcode.com/openharmony-sig/homecheck> — path `skills/ohos-react-native-performance/`.
- **Content source (performance docs):** [performance-optimization (en)](https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/en/performance-optimization.md) · [性能调优 (zh)](https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/性能调优.md)


## Usage

### npx skills add

If your agent supports [skills.sh](https://skills.sh/), install from the homecheck repo:

```bash
# From homecheck repo (GitCode)
npx skills add https://gitcode.com/openharmony-sig/homecheck --skill ohos-react-native-performance

# Or if shorthand is supported for your git host
# npx skills add openharmony-sig/homecheck --skill ohos-react-native-performance
```

### Common agent installation

| Agent | Command / Path |
|-------|----------------|
| **skills.sh** | `npx skills add <source> --skill ohos-react-native-performance` |
| **Claude Code** | Copy to agent skills dir, or use `npx skills add` |
| **VS Code / Copilot** | Copy to configured skills path, or use `npx ai-agent-skills install` |
| **Manual** | Copy this folder into your agent's skills directory |

## Structure

```
ohos-react-native-performance/
├── README.md
├── SKILL.md
└── rules/
    ├── rnoh-render-avoid-same-state.md
    ├── rnoh-render-pure-memo.md
    ├── rnoh-render-props-once.md
    ├── rnoh-render-merge-setstate.md
    ├── rnoh-list-key.md
    ├── rnoh-bundle-release.md
    ├── rnoh-lifecycle-foreground-background.md
    └── rnoh-turbo-worker.md
```