Alanamultiskillagent
Back to skills

react-best-practices

development

A set of 64 performance rules for React and Next.js, organized by impact level and covering waterfalls, bundle size, server rendering, re-renders, and JavaScript patterns. Maintained by Vercel Enginee

vercel-labsvercel-labs
|View all vercel-labs skills →

Setup & Installation

npx skills add https://github.com/vercel-labs/react-best-practices --skill react-best-practices
or paste the link and ask your coding assistant to install it
https://github.com/vercel-labs/react-best-practices
View on GitHub

What This Skill Does

A set of 64 performance rules for React and Next.js, organized by impact level and covering waterfalls, bundle size, server rendering, re-renders, and JavaScript patterns. Maintained by Vercel Engineering. Instead of consulting scattered blog posts or React docs, you get 64 prioritized, actionable rules with before/after code examples specific to the Next.js App Router model.

When to use it

  • Working with react best practices functionality
  • Implementing react best practices features
  • Debugging react best practices related issues

Similar Skills

android-native-dev

A reference guide for Android native development covering Kotlin/Compose patterns, Material Design 3 specs, Gradle project setup, and build troubleshooting. It defines standards for threading, state m

apollo-client

A guide for building React applications with Apollo Client 4.x. Covers setting up the client, writing GraphQL queries and mutations with hooks, configuring cache policies, managing local state with re

apollo-connectors

Helps integrate REST APIs into GraphQL supergraphs using Apollo Connectors with @source and @connect directives. It walks through schema creation, composition validation, and connector execution using

apollo-federation

Helps you write Apollo Federation 2.x subgraph schemas for composing multiple GraphQL APIs into a single supergraph. Covers entity definitions with @key, field sharing with @shareable, computed fields