{
  "id": "vercel-react-best-practices",
  "handle": "vercel-react-best-practices",
  "canonicalUrl": "https://bestskillsforclaude.com/es/skills/vercel-react-best-practices",
  "language": "es",
  "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 y 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 qué los agentes escriben React desactualizado?",
  "summary": "Porque casi todo el React escrito es antiguo, y el promedio es lo que sale por defecto.",
  "verdict": "La skill vercel-react-best-practices de Vercel Labs carga guías actuales de React para que los componentes generados sigan los patrones de hoy y no el promedio de todo lo publicado. Merece la pena en cualquier base de código React, y no sustituye a tus propias convenciones.",
  "bestFor": "Bases de código React y Next.js donde los componentes generados deban seguir la práctica moderna.",
  "skipIf": "Trabajas en otro framework, o tu equipo ya tiene convenciones internas escritas.",
  "keyTakeaways": [
    "Contrarresta el sesgo de los datos de entrenamiento hacia patrones antiguos.",
    "Es guía, no cumplimiento. Quien obliga sigue siendo tu linter.",
    "Las skills de framework envejecen. Mira cuándo se actualizó la fuente antes de confiar.",
    "Se combina bien con improve-codebase-architecture para limpiezas mayores."
  ],
  "quickStart": [
    "Instálala con el CLI de skills de vercel-labs, publicada con licencia MIT.",
    "Genera un componente que ya sabes cómo escribirías y compara.",
    "Añade tus convenciones encima, porque una buena práctica pública no es tu estilo de casa."
  ],
  "sections": [
    {
      "heading": "Qué cambia en la práctica",
      "paragraphs": [
        "Pides un componente y sale algo que habría pasado una revisión hace unos años: patrones que aún funcionan, pero que ya no son como se escribe hoy. No es tanto un fallo de conocimiento como de promedio.",
        "Cargar guías actuales mueve el punto de partida. El valor se nota sobre todo en lo aburrido: obtención de datos, límites entre componentes y dónde puede vivir el estado."
      ]
    },
    {
      "heading": "Dónde decepciona",
      "paragraphs": [
        "La buena práctica pública puede chocar con tu base de código. Si tu equipo decidió otra cosa a propósito, la skill discutirá, y debe ganar tu base de código.",
        "Las skills de ecosistema también caducan rápido. Revisa la actividad reciente del repositorio antes de tomarlas como vigentes."
      ]
    }
  ],
  "faq": [
    {
      "question": "¿Quién la publica?",
      "answer": "Vercel Labs, en su repositorio público de agent skills, con licencia MIT."
    },
    {
      "question": "¿Sirve fuera de Next.js?",
      "answer": "Apunta a la práctica de React en general, aunque encaja mejor cerca del stack de Vercel."
    },
    {
      "question": "¿Sustituye a las reglas de lint?",
      "answer": "No. Da forma a lo que se escribe; el lint es lo que impide que aterricen las excepciones."
    }
  ],
  "sources": [
    {
      "label": "vercel-labs/agent-skills en GitHub",
      "url": "https://github.com/vercel-labs/agent-skills",
      "kind": "repository"
    },
    {
      "label": "Directorio de agent skills",
      "url": "https://skills.sh",
      "kind": "directory"
    }
  ],
  "machineReadable": {
    "markdown": "https://bestskillsforclaude.com/es/skills/vercel-react-best-practices/content.md",
    "json": "https://bestskillsforclaude.com/es/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."
}