React Best Practices

Avoid waterfalls, keep bundles lean, and render only what the page needs.

Installation

npx skills add https://github.com/ARG-Software/skills --skill vercel-react-best-practices

What it does

• Import modules directly instead of barrels.
• Keep list UIs and page data cheap to render.
• Avoid extra client state and layout-fighting animations.

Used when

New pages, list UIs, and anything that ships in the public React bundle.

Frontend work on arg.software follows the same performance rules we apply for client SPAs: direct imports, no extra client state, and animations that do not fight layout.