{
  "id": "vercel-react-best-practices",
  "handle": "vercel-react-best-practices",
  "canonicalUrl": "https://bestskillsforclaude.com/pt-br/skills/vercel-react-best-practices",
  "language": "pt-BR",
  "alternates": {
    "en": "https://bestskillsforclaude.com/en/skills/vercel-react-best-practices",
    "es": "https://bestskillsforclaude.com/es/skills/vercel-react-best-practices",
    "pt-BR": "https://bestskillsforclaude.com/pt-br/skills/vercel-react-best-practices",
    "ja": "https://bestskillsforclaude.com/ja/skills/vercel-react-best-practices"
  },
  "category": {
    "id": "build-and-ship",
    "name": "Construir e publicar"
  },
  "publisher": {
    "name": "Vercel Labs",
    "url": "https://github.com/vercel-labs"
  },
  "source": "https://github.com/vercel-labs/agent-skills",
  "documentation": null,
  "licenseAsStated": "MIT",
  "runtime": "Claude Code and other agents supported by the skills CLI",
  "lastReviewed": "2026-08-05",
  "headline": "Por que os agentes escrevem React desatualizado?",
  "summary": "Porque quase todo o React já escrito é antigo, e a média é o que sai por padrão.",
  "verdict": "A skill vercel-react-best-practices, da Vercel Labs, carrega orientação atual de React para que os componentes gerados sigam os padrões de hoje e não a média de tudo que já foi publicado. Vale em qualquer base React, e não substitui as convenções do seu time.",
  "bestFor": "Bases React e Next.js em que os componentes gerados devem seguir a prática moderna.",
  "skipIf": "Você usa outro framework, ou seu time já tem convenções internas escritas.",
  "keyTakeaways": [
    "Contrabalança o viés dos dados de treino em favor de padrões antigos.",
    "É orientação, não imposição. Quem impõe continua sendo o linter.",
    "Skills de framework envelhecem. Veja quando a fonte foi atualizada antes de confiar.",
    "Combina bem com improve-codebase-architecture em limpezas maiores."
  ],
  "quickStart": [
    "Instale com o CLI de skills da vercel-labs, sob licença MIT.",
    "Gere um componente que você já sabe como escreveria e compare.",
    "Some suas convenções em cima, porque boa prática pública não é o padrão da sua casa."
  ],
  "sections": [
    {
      "heading": "O que muda na prática",
      "paragraphs": [
        "Você pede um componente e sai algo que passaria em revisão há alguns anos: padrões que ainda funcionam, mas que não são como se escreve hoje. Não é tanto falha de conhecimento quanto de média.",
        "Carregar orientação atual move o ponto de partida. O ganho aparece principalmente no que é chato: busca de dados, fronteiras de componente e onde o estado pode morar."
      ]
    },
    {
      "heading": "Onde decepciona",
      "paragraphs": [
        "Boa prática pública pode conflitar com sua base. Se o time decidiu outra coisa de propósito, a skill vai discutir, e sua base deve ganhar.",
        "Skills de ecossistema também vencem rápido. Cheque a atividade recente do repositório antes de tratar o conselho como atual."
      ]
    }
  ],
  "faq": [
    {
      "question": "Quem publica?",
      "answer": "A Vercel Labs, no repositório público de agent skills, sob licença MIT."
    },
    {
      "question": "Funciona fora do Next.js?",
      "answer": "Ela mira a prática de React em geral, mas encaixa melhor perto do stack da Vercel."
    },
    {
      "question": "Substitui regras de lint?",
      "answer": "Não. Ela molda o que é escrito; o lint é o que impede as exceções de entrarem."
    }
  ],
  "sources": [
    {
      "label": "vercel-labs/agent-skills no GitHub",
      "url": "https://github.com/vercel-labs/agent-skills",
      "kind": "repository"
    },
    {
      "label": "Diretório de agent skills",
      "url": "https://skills.sh",
      "kind": "directory"
    }
  ],
  "machineReadable": {
    "markdown": "https://bestskillsforclaude.com/pt-br/skills/vercel-react-best-practices/content.md",
    "json": "https://bestskillsforclaude.com/pt-br/skills/vercel-react-best-practices/skill.json"
  },
  "disclosure": "Editorial desk review based on the publisher's own repository. Not a security audit, a benchmark or a guarantee of maintenance."
}