docs(cndocs): sync import style, code fences, and cnwebsite deps (2026-06-21)

[sunnylqm]

Summary

Translation sync batch for 2026-06-21. Merged upstream changes and synced 5 CN docs files + cnwebsite dependency versions.

Translation sync (5 files)

File	Change
cndocs/document-nodes.md	React import style: import * as React → destructured import {useEffect, useRef}
cndocs/element-nodes.md	React import style: import * as React → destructured import {useEffect, useRef, useState}
cndocs/text-nodes.md	React import style: import * as React → destructured import {useEffect, useRef, useState}
cndocs/timers.md	Code fence: tsx → ts (matching upstream)
cndocs/debugging-native-code.md	Code fence: objective-c → objectivec (matching upstream)

cnwebsite config sync

• docusaurus-plugin-copy-page-button ^0.8.1 → ^0.8.2
• @types/react ^19.2.16 → ^19.2.17
• prettier ^3.8.3 → ^3.8.4
• sass 1.100.0 → 1.101.0

Upstream merge (10 commits)

Main upstream changes merged to production:

• Dependency bumps: dompurify, webpack-dev-server, @babel/core, launch-editor, ws
• Stylelint setup for website CSS
• 0.86 release blog post fix (duplicate Highlights anchor)
• AppJS 2026 conference talks link
• Lint deps updates

Candidates skipped (already synced or false positives)

11 of 16 sync-script candidates were false positives:

• 6 removed-component stubs (checkbox, clipboard, datepickerandroid, datepickerios, imagepickerios, timepickerandroid) — already translated
• 2 stubs (segmentedcontrolios, statusbarios) — already translated
• 3 files with no structural drift (colors, custom-cxx-types, layout-measurements) — only translation differences

Build verification

yarn --cwd cnwebsite build passes (89.75s). Pre-existing HTML minifier warnings in versioned docs (appregistry, linking) are unrelated.

Summary by CodeRabbit

• Documentation

  • Fixed code syntax highlighting in iOS native code examples.
  • Updated React code examples to use modern hooks import patterns.

• Chores

  • Updated development dependencies to latest stable versions.

[netlify]

❌ Deploy Preview for reactnativecn failed. Why did it fail? →

Name	Link
🔨 Latest commit	897c86c
🔍 Latest deploy log	https://app.netlify.com/projects/reactnativecn/deploys/6a37c3a5d043110008fd9771

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 41124ca3-2062-4d01-9fbc-4bfc706ae595

📥 Commits

Reviewing files that changed from the base of the PR and between a0a5042 and 897c86c.

📒 Files selected for processing (6)

• cndocs/debugging-native-code.md
• cndocs/document-nodes.md
• cndocs/element-nodes.md
• cndocs/text-nodes.md
• cndocs/timers.md
• cnwebsite/package.json

---

📝 Walkthrough

Walkthrough

Several documentation code snippets in cndocs/ are updated: code fence language tags are corrected (objective-c→objectivec, tsx→ts), and React hook usage is modernized from React.* namespace calls to direct named imports. Four dependencies in cnwebsite/package.json receive minor version bumps.

Changes

Doc snippet fixes and dependency bumps

Layer / File(s)	Summary
Code fence and React import fixes in cndocs cndocs/debugging-native-code.md, cndocs/timers.md, cndocs/document-nodes.md, cndocs/element-nodes.md, cndocs/text-nodes.md	Corrects Objective-C code fence tag (objective-c→objectivec), changes two InteractionManager example fences from tsx to ts, and rewrites React hook imports from import * as React / React.useX calls to named imports (useEffect, useRef, useState) with direct calls.
Dependency version bumps cnwebsite/package.json	Bumps docusaurus-plugin-copy-page-button (^0.8.1→^0.8.2), @types/react (^19.2.16→^19.2.17), prettier (^3.8.3→^3.8.4), and sass (1.100.0→1.101.0).

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Possibly related PRs

• reactnativecn/react-native-website#1024: Also bumps prettier and sass versions in cnwebsite/package.json.
• reactnativecn/react-native-website#1028: Introduced docusaurus-plugin-copy-page-button into cnwebsite/package.json, which this PR now version-bumps.
• reactnativecn/react-native-website#1032: Also bumped docusaurus-plugin-copy-page-button in cnwebsite/package.json (from ^0.8.0 to ^0.8.1).

Poem

🐇 Hop, hop! The fences are fixed today,
objectivec now points the right way.
Hooks are imported, tidy and neat,
No more React.use* — what a feat!
Versions bumped, the garden is trim,
A rabbit's work done on a whim. ✨

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately describes the main changes: syncing import styles in React code, updating code fence language identifiers, and bumping cnwebsite dependencies, covering all three aspects of the changeset.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch auto-translate-20260621

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}