Rerender Defer Reads

Name: Rerender Defer Reads
Author: anubhavg-icpl

ASecurity

Defer State Reads to Usage Point. Use when you need help with rerender defer reads.

9 stars
0 votes
0 copies
0 views
Added September 8, 2026

developmentgo

Works with

Security analysis

A100/100

Scanned September 8, 2026

npx -y skills add anubhavg-icpl/vibe --skill rerender-defer-reads --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Rerender Defer Reads?

Add the live security badge to your README. It updates with every re-scan.

Security grade badge for Rerender Defer Reads

[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/anubhavg-icpl-rerender-defer-reads/badge)](https://www.skillsdirectory.com/skills/anubhavg-icpl-rerender-defer-reads)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro

SKILL.md

---
name: rerender-defer-reads
description: Defer State Reads to Usage Point. Use when you need help with rerender defer reads.
license: CC-BY-NC-SA-4.0
metadata:
  risk: unknown
  source: community
  kind: mode
  category: rules
---

## Defer State Reads to Usage Point

Don't subscribe to dynamic state (searchParams, localStorage) if you only read it inside callbacks.

**Incorrect (subscribes to all searchParams changes):**

```tsx
function ShareButton({ chatId }: { chatId: string }) {
  const searchParams = useSearchParams();

  const handleShare = () => {
    const ref = searchParams.get("ref");
    shareChat(chatId, { ref });
  };

  return <button onClick={handleShare}>Share</button>;
}
```

**Correct (reads on demand, no subscription):**

```tsx
function ShareButton({ chatId }: { chatId: string }) {
  const handleShare = () => {
    const params = new URLSearchParams(window.location.search);
    const ref = params.get("ref");
    shareChat(chatId, { ref });
  };

  return <button onClick={handleShare}>Share</button>;
}
```