# Nevaberry Nevaberry Plugins React Knowledge Patch

> React Knowledge Patch

- Skill: `tomevault-io/nevaberry-nevaberry-plugins-react-knowledge-patch` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/nevaberry-nevaberry-plugins-react-knowledge-patch`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/nevaberry-nevaberry-plugins-react-knowledge-patch/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/nevaberry-nevaberry-plugins-react-knowledge-patch

---


# React Knowledge Patch

Claude Opus 4.6 knows React through 18.x. It is **unaware** of the features below, which cover React 19.0 through 19.2 (released 2025-10-01).

## Index

| Topic | Reference | Key features |
|---|---|---|
| Server rendering APIs | [references/server-rendering.md](references/server-rendering.md) | cacheSignal, prerender, resume, resumeAndPrerender, Partial Pre-rendering |

---

## `<Activity />`

New component for pre-rendering and preserving state of hidden UI. Replaces conditional rendering with mode-based visibility.

```jsx
// Instead of: {isVisible && <Page />}
<Activity mode={isVisible ? 'visible' : 'hidden'}>
  <Page />
</Activity>;
```

### Mode behavior

| Mode | Children | Effects | Updates |
|---|---|---|---|
| `visible` | Shown | Mounted | Processed normally |
| `hidden` | Hidden | Unmounted | Deferred until React is idle |

### When to use

- Pre-rendering likely navigation targets (e.g., next page in a wizard)
- Preserving state on back navigation (e.g., tab content, scroll position)
- Keeping off-screen content ready without the cost of full rendering

Unlike conditional rendering (`{show && <Component />}`), `<Activity>` preserves component state and DOM when toggling between modes. Hidden children are deprioritized but not destroyed.

---

## eslint-plugin-react-hooks v6

Now uses ESLint flat config by default.

```js
// eslint.config.js (flat config, v6 default)
import reactHooks from 'eslint-plugin-react-hooks';

export default [
  reactHooks.configs.recommended,
];
```

For legacy `.eslintrc` config, change the extends name:

```diff
- extends: ['plugin:react-hooks/recommended']
+ extends: ['plugin:react-hooks/recommended-legacy']
```

---

## Reference Files

| File | Contents |
|---|---|
| [server-rendering.md](references/server-rendering.md) | cacheSignal for RSC, Partial Pre-rendering (prerender, resume, resumeAndPrerender), Node stream variants |

---
> Source: [Nevaberry/nevaberry-plugins](https://github.com/Nevaberry/nevaberry-plugins) — distributed by [TomeVault](https://tomevault.io).
<!-- tomevault:4.0:skill_md:2026-04-19 -->