Back to Registry
View Author Profile
Official Verified
ohos-react-native-performance
OpenHarmony React Native performance static checks and optimization. Based on ohos_react_native performance doc. Use when writing or reviewing React Native for OpenHarmony code, bundle-harmony, lifecycle, or TurboModule. Applies to RNAbility, Hermes bytecode, React render optimization.
skill-install — Terminal
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/code-sunbo/ohos-react-native-performanceOr
OpenHarmony React Native Performance Static Check Skills
Static-check rules and config for React Native for OpenHarmony, from the official performance-optimization 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 rendersrnoh-render-pure-memo— Use PureComponent or React.memo to avoid unnecessary re-rendersrnoh-render-props-once— Create callbacks/prop objects once (constructor or outside component)rnoh-render-split-child— Split independent UI into child componentsrnoh-render-merge-setstate— Merge setState to avoid multiple commits and rendersrnoh-render-state-not-mutate— Use new objects in setState; do not mutate existing staternoh-render-batching— Keep React 18 Automatic Batching enabled (RNOH default concurrentRoot: true)
2. Bundle & native config (HIGH)
rnoh-bundle-release— Use--dev=false --minify=truefor performance/production bundlernoh-bundle-hbc— Prefer Hermes bytecode (hermesc) for productionrnoh-native-release— Use Release build on native side; lower LOG_VERBOSITY_LEVEL when appropriaternoh-native-bisheng— Optionally use BiSheng compiler (buildOption.nativeCompiler: "BiSheng")
3. Lifecycle & monitoring (HIGH)
rnoh-lifecycle-foreground-background— Call onForeground/onBackground in onPageShow/onPageHide or onShown/onHiddenrnoh-lifecycle-fcp— First-frame monitoring: use mount event or root onLayout to report FCP
4.
Metadata
AI Skill Finder
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skill Add to Configuration
Paste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-code-sunbo-ohos-react-native-performance": {
"enabled": true,
"auto_update": true
}
}
}Safety NoteClawKit audits metadata but not runtime behavior. Use with caution.