{
  "id": "specialization:frontend-react",
  "_kind": "Specialization",
  "_file": "domain/specializations/frontend-react.yaml",
  "_cluster": "domain",
  "attributes": {
    "displayName": "Frontend (React)",
    "parentDomainId": "domain:web-development",
    "description": "Frontend React specialization focuses on building rich, interactive\nbrowser UIs using the React library and its surrounding ecosystem.\n\nCore skills include component architecture, React hooks, state\nmanagement (Zustand, Redux Toolkit, Jotai), styling approaches\n(Tailwind CSS, CSS Modules, styled-components), and testing with\nReact Testing Library and Vitest. The specialization extends into\nmeta-frameworks (Next.js, Remix, Vite-based SPAs), performance\noptimization (memoization, code-splitting, virtualization), and\naccessibility. It is closely adjacent to the Full-stack TypeScript\nspecialization when a backend is co-located.\n"
  },
  "outgoingEdges": [
    {
      "from": "specialization:frontend-react",
      "to": "domain:web-development",
      "kind": "specializes"
    },
    {
      "from": "specialization:frontend-react",
      "to": "framework:react",
      "kind": "uses_framework"
    },
    {
      "from": "specialization:frontend-react",
      "to": "framework:nextjs",
      "kind": "uses_framework"
    },
    {
      "from": "specialization:frontend-react",
      "to": "library:zustand",
      "kind": "uses_library"
    },
    {
      "from": "specialization:frontend-react",
      "to": "library:tanstack-query",
      "kind": "uses_library"
    },
    {
      "from": "specialization:frontend-react",
      "to": "tool:vite",
      "kind": "uses_tool"
    },
    {
      "from": "specialization:frontend-react",
      "to": "tool:storybook",
      "kind": "uses_tool"
    }
  ],
  "incomingEdges": [
    {
      "from": "domain:frontend",
      "to": "specialization:frontend-react",
      "kind": "contains",
      "attributes": {}
    },
    {
      "from": "domain:web-development",
      "to": "specialization:frontend-react",
      "kind": "contains"
    },
    {
      "from": "role:frontend-engineer",
      "to": "specialization:frontend-react",
      "kind": "requires_skill",
      "attributes": {
        "level": "expert"
      }
    },
    {
      "from": "role:fullstack-engineer",
      "to": "specialization:frontend-react",
      "kind": "requires_skill",
      "attributes": {
        "level": "intermediate"
      }
    },
    {
      "from": "skill-area:data-fetching-caching",
      "to": "specialization:frontend-react",
      "kind": "applies_to",
      "attributes": {
        "confidence": "secondary"
      }
    },
    {
      "from": "skill-area:react-state-management",
      "to": "specialization:frontend-react",
      "kind": "applies_to",
      "attributes": {
        "confidence": "primary"
      }
    },
    {
      "from": "skill-area:react-testing",
      "to": "specialization:frontend-react",
      "kind": "applies_to",
      "attributes": {
        "confidence": "primary"
      }
    },
    {
      "from": "skill-area:frontend-routing",
      "to": "specialization:frontend-react",
      "kind": "applies_to",
      "attributes": {
        "confidence": "secondary"
      }
    },
    {
      "from": "skill-area:form-management",
      "to": "specialization:frontend-react",
      "kind": "applies_to",
      "attributes": {
        "confidence": "secondary"
      }
    },
    {
      "from": "plugin:example-portable-extension",
      "to": "specialization:frontend-react",
      "kind": "applies_to",
      "attributes": {
        "confidence": "primary"
      }
    },
    {
      "from": "skill:react-tdd",
      "to": "specialization:frontend-react",
      "kind": "applies_to",
      "attributes": {
        "confidence": "primary"
      }
    }
  ]
}