Skip to content

fix(react): apply vercel best practices#661

Open
claude[bot] wants to merge 1 commit into
mainfrom
syner/react-best-practices-1777042026
Open

fix(react): apply vercel best practices#661
claude[bot] wants to merge 1 commit into
mainfrom
syner/react-best-practices-1777042026

Conversation

@claude

@claude claude Bot commented Apr 24, 2026

Copy link
Copy Markdown

Summary

  • Hoist static SVG children in Logo component to a module-level constant (packages/ui/src/branding/logo.tsx) — avoids recreating large path data on every render (rule rendering-hoist-jsx)
  • Apply the same pattern to three fully-static background components in the design app (apps/design/components/grid-background.tsx)

Test plan

  • Verify bun run lint passes (no new errors)
  • Visually confirm Logo renders correctly in apps/design header, hero, footer, and sections
  • Visually confirm GridBackground / TypographyGrid / MinimalBackground render correctly in design app

🤖 Automated review using vercel-react-best-practices skill. Run: https://github.com/synerops/syner/actions/runs/24895147748

Hoist static SVG children in Logo to module-level constant (rule
rendering-hoist-jsx) to avoid recreating large path data on every
render. Apply the same pattern to the three fully-static GridBackground
components in the design app.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@claude claude Bot requested a review from rbadillap as a code owner April 24, 2026 14:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

0 participants