{
  "id": "framework:react",
  "_kind": "Framework",
  "_file": "domain/frameworks/react.yaml",
  "_cluster": "domain",
  "attributes": {
    "displayName": "React",
    "homepageUrl": "https://react.dev",
    "belongsToLanguageId": "language:javascript",
    "category": "web-frontend",
    "releasedAt": "2013",
    "description": "The React framework.\n"
  },
  "outgoingEdges": [
    {
      "from": "framework:react",
      "to": "language:javascript",
      "kind": "belongs_to_language"
    },
    {
      "from": "framework:react",
      "to": "skill-area:react-state-management",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:react",
      "to": "skill-area:react-testing",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:react",
      "to": "skill-area:react-components",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:react",
      "to": "skill-area:frontend-development",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:react",
      "to": "skill-area:design-systems",
      "kind": "used_by_skill_area",
      "attributes": {}
    },
    {
      "from": "framework:react",
      "to": "framework:vue",
      "kind": "alternative_to",
      "attributes": {
        "comparison": "UI frameworks"
      }
    },
    {
      "from": "framework:react",
      "to": "framework:angular",
      "kind": "alternative_to",
      "attributes": {
        "comparison": "UI frameworks"
      }
    },
    {
      "from": "framework:react",
      "to": "framework:svelte",
      "kind": "alternative_to",
      "attributes": {
        "comparison": "UI frameworks"
      }
    },
    {
      "from": "framework:react",
      "to": "framework:preact",
      "kind": "alternative_to",
      "attributes": {
        "comparison": "Frontend UI frameworks"
      }
    }
  ],
  "incomingEdges": [
    {
      "from": "presentation:ai-elements",
      "to": "framework:react",
      "kind": "integrates_with",
      "attributes": {}
    },
    {
      "from": "agent:claude-code",
      "to": "framework:react",
      "kind": "composed_of",
      "attributes": {
        "role": "ui"
      }
    },
    {
      "from": "agent:vibe-kanban",
      "to": "framework:react",
      "kind": "composed_of",
      "attributes": {
        "role": "ui"
      }
    },
    {
      "from": "agent-ui-impl:ai-elements.ui@current",
      "to": "framework:react",
      "kind": "integrates_with",
      "attributes": {}
    },
    {
      "from": "framework:vercel-ai-sdk",
      "to": "framework:react",
      "kind": "integrates_with",
      "attributes": {}
    },
    {
      "from": "framework:angular",
      "to": "framework:react",
      "kind": "alternative_to",
      "attributes": {
        "comparison": "UI frameworks"
      }
    },
    {
      "from": "framework:preact",
      "to": "framework:react",
      "kind": "alternative_to",
      "attributes": {
        "comparison": "Frontend UI frameworks"
      }
    },
    {
      "from": "framework:svelte",
      "to": "framework:react",
      "kind": "alternative_to",
      "attributes": {
        "comparison": "UI frameworks"
      }
    },
    {
      "from": "framework:vue",
      "to": "framework:react",
      "kind": "alternative_to",
      "attributes": {
        "comparison": "UI frameworks"
      }
    },
    {
      "from": "platform:kradle",
      "to": "framework:react",
      "kind": "integrates_with",
      "attributes": {
        "notes": "Component library for the Kradle dashboard"
      }
    },
    {
      "from": "stack-profile:kradle-platform",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "skill-area:react-state-management",
      "to": "framework:react",
      "kind": "uses_framework"
    },
    {
      "from": "skill-area:react-state-management",
      "to": "framework:react",
      "kind": "uses_framework",
      "attributes": {}
    },
    {
      "from": "skill-area:react-testing",
      "to": "framework:react",
      "kind": "uses_framework"
    },
    {
      "from": "skill-area:react-testing",
      "to": "framework:react",
      "kind": "uses_framework",
      "attributes": {}
    },
    {
      "from": "skill-area:react-components",
      "to": "framework:react",
      "kind": "uses_framework"
    },
    {
      "from": "skill-area:react-components",
      "to": "framework:react",
      "kind": "uses_framework",
      "attributes": {}
    },
    {
      "from": "specialization:web-development",
      "to": "framework:react",
      "kind": "uses_framework"
    },
    {
      "from": "specialization:mobile-development",
      "to": "framework:react",
      "kind": "uses_framework"
    },
    {
      "from": "specialization:frontend-react",
      "to": "framework:react",
      "kind": "uses_framework"
    },
    {
      "from": "specialization:webapp-fullstack-typescript",
      "to": "framework:react",
      "kind": "uses_framework"
    },
    {
      "from": "specialization:react-native-mobile",
      "to": "framework:react",
      "kind": "uses_framework"
    },
    {
      "from": "stack-profile:mobile-first-stack",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:agentic-rag",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:voice-ai-agent",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:content-management-platform",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:real-time-collaboration",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:video-streaming-platform",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:search-discovery",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:blockchain-dapp",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:geospatial-analytics",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:healthcare-hipaa-compliant",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:desktop-application",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:graphql-api-platform",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:internal-dashboard",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:social-media-platform",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:project-management-app",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:learning-management-system",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:chat-messaging-platform",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:analytics-dashboard",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:supply-chain-visibility",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:legal-document-automation",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:logistics-fleet-management",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:knowledge-graph-platform",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:prompt-engineering-workbench",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:documentation-site",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:storybook-design-system",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:cross-platform-desktop",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:visual-regression-testing",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:email-marketing-platform",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:podcast-audio-platform",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:restaurant-pos-system",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:survey-forms-platform",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:digital-signage",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:inventory-management",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:enterprise-search-platform",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:photo-gallery-dam",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:music-streaming-backend",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:live-streaming-broadcast",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:research-data-platform",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:lab-information-system",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:siem-platform",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:vulnerability-management-platform",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:identity-governance",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:feature-flag-service",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:ab-testing-platform",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:url-shortener-link-analytics",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:micro-frontend",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:backend-for-frontend",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:nocode-lowcode-platform-backend",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:approval-workflow-engine",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:offline-first-mobile",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:browser-extension",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:nextjs-supabase-stripe",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:mern-stack",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "stack-profile:t3-stack",
      "to": "framework:react",
      "kind": "composed_of"
    },
    {
      "from": "scope-boundary:react.scope",
      "to": "framework:react",
      "kind": "bounds_subject"
    }
  ]
}