react-best-practicesReact and Next.js performance optimization guidelines from Vercel Engineering. 57 rules across 8 categories for writing, reviewing, and refactoring React code.
Install via ClawdBot CLI:
clawdbot install wpank/react-best-practicesGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://github.com/shuding/better-all](https://github.com/shuding/better-allAudited Apr 16, 2026 · audit v1.0
Generated Mar 1, 2026
An e-commerce site built with Next.js needs to reduce page load times and eliminate request waterfalls during product listing and checkout flows. This skill helps implement async-parallel fetching for product data and dynamic imports for heavy components like product carousels, improving conversion rates.
A SaaS application with React-based dashboards experiences slow renders due to excessive re-renders from state updates. Using rules like rerender-memo and rerender-derived-state-no-effect, developers can optimize component performance, ensuring smooth user interactions for real-time data displays.
A media streaming platform uses React for its frontend and struggles with bundle size affecting initial load times on mobile devices. Applying bundle-dynamic-imports and bundle-preload rules allows deferring non-critical scripts and lazy-loading video player components, enhancing user experience.
A financial tool built with Next.js requires efficient server-side rendering for data-heavy charts and tables to handle concurrent user requests. Implementing server-cache-lru and server-parallel-fetching rules optimizes data caching and reduces server response times, crucial for real-time analytics.
This skill supports SaaS companies by improving application performance, leading to higher user retention and reduced churn. Optimized bundle sizes and faster renders enhance the user experience, justifying premium subscription tiers and upselling opportunities.
For e-commerce platforms, applying these rules reduces page load times and minimizes re-renders, directly boosting sales conversions and average order value. Faster sites improve SEO rankings and customer satisfaction, driving increased transaction volumes.
Web development agencies can leverage this skill to offer performance optimization audits and refactoring services to clients. By implementing critical rules like async-defer-await and bundle-optimization, agencies deliver measurable improvements, charging project-based or retainer fees.
💬 Integration Tip
Start by auditing existing code for waterfalls and bundle bloat using the priority categories, then incrementally apply high-impact rules like async-parallel and bundle-dynamic-imports to avoid overwhelming changes.
Scored Apr 19, 2026
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Frontend development with React, Next.js, Tailwind CSS. Build landing pages, dashboards, forms, components. Responsive, accessible, performant UI.
Use when building Next.js 14/15 applications with the App Router. Invoke for routing, layouts, Server Components, Client Components, Server Actions, Route Handlers, authentication, middleware, data fetching, caching, revalidation, streaming, Suspense, loading states, error boundaries, dynamic routes, parallel routes, intercepting routes, or any Next.js architecture question.
Write Tailwind utility classes with proper responsive design, dark mode, and configuration.
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI. Supports both Vite (pure static) and Next.js (Vercel deploy) workflows.
Look up domain WHOIS/RDAP info and check marketplace listings. Free API, no auth required.