Skip to content
Back to skills

React Component Patterns

ASecurity

Use a ternary instead of `&&`: `{count > 0 ? <List /> : null}`. JavaScript evaluates `0 && <List />` to `0`, and React renders that literal 0 into the DOM. An explicit boolean check avoids the bug.

  • 549 stars
  • 0 votes
  • 0 copies
  • 1 view
  • Added September 5, 2026
developmentjavascriptjavareact

Security analysis

A100/100

Pro scans all 11 files and shows the line behind each finding

Scanned September 5, 2026

npx -y skills add HoangNguyen0403/agent-skills-standard --skill react-component-patterns --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of React Component Patterns?

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

Security grade badge for React Component Patterns
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/hoangnguyen0403-react-component-patterns-e43d73cc/badge)](https://www.skillsdirectory.com/skills/hoangnguyen0403-react-component-patterns-e43d73cc)

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
Use a ternary instead of `&&`: `{count > 0 ? <List /> : null}`. JavaScript evaluates `0 && <List />` to `0`, and React renders that literal 0 into the DOM. An explicit boolean check avoids the bug.

Files in this skill

  • eval-1.baseline.md635 B
  • eval-1.with-skill.md271 B
  • eval-2.baseline.md613 B
  • eval-2.with-skill.md253 B
  • eval-3.baseline.md279 B
  • eval-3.with-skill.md198 B
  • trigger-1.md137 B
  • trigger-2.md101 B
  • trigger-3.md108 B
  • trigger-4.md96 B

Attribution

HoangNguyen0403View sourceSee grades on GitHubMore from HoangNguyen0403

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments

Loading comments…