harivansh-afk/sandbox-agent
1
0
Fork 0
mirror of https://github.com/harivansh-afk/sandbox-agent.git synced 2026-04-18 04:04:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

skills

Browse source
This commit is contained in:
Nathan Flurry 2026-01-25 00:23:08 -08:00
parent 1246e374a8
commit e6b19ed2b6
69 changed files with 6306 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

49
.agents/skills/vercel-react-best-practices/rules/bundle-defer-third-party.md Normal file
View file

@ -0,0 +1,49 @@
---
title: Defer Non-Critical Third-Party Libraries
impact: MEDIUM
impactDescription: loads after hydration
tags: bundle, third-party, analytics, defer
---
## Defer Non-Critical Third-Party Libraries
Analytics, logging, and error tracking don't block user interaction. Load them after hydration.
**Incorrect (blocks initial bundle):**
```tsx
import { Analytics } from '@vercel/analytics/react'
export default function RootLayout({ children }) {
return (
<html>
<body>
{children}
<Analytics />
</body>
</html>
)
}
```
**Correct (loads after hydration):**
```tsx
import dynamic from 'next/dynamic'
const Analytics = dynamic(
() => import('@vercel/analytics/react').then(m => m.Analytics),
{ ssr: false }
)
export default function RootLayout({ children }) {
return (
<html>
<body>
{children}
<Analytics />
</body>
</html>
)
}
```