{
  "schemaVersion": "1.0",
  "entityFamily": "modules",
  "entityType": "DefinedTerm",
  "entityId": "modules:72",
  "canonicalUrl": "https://babadook.tech/modules/framework-compatibility",
  "machineBaseUrl": "https://babadook.tech/ai/modules/framework-compatibility",
  "name": "Framework Compatibility",
  "aliases": [],
  "summary": "Framework-agnostic SDK packages for React, Vue, Svelte, Angular, Solid, and vanilla JavaScript/TypeScript that integrate DXP capabilities into any frontend stack.",
  "description": [
    "Framework-agnostic SDK packages for React, Vue, Svelte, Angular, Solid, and vanilla JavaScript/TypeScript that integrate DXP capabilities into any frontend stack."
  ],
  "sections": [
    {
      "id": "works-with-your-stack-db98a2cc-e69e-46cf-9cce-ef3ae1c9ab16",
      "heading": "works-with-your-stack",
      "body": [
        "Works With Your Stack DXP Framework Compatibility packages provide idiomatic integrations for every major frontend framework. @dxp/react hooks for content fetching, feature flags, and analytics. @dxp/vue composables for the same. @dxp/svelte stores. @dxp/angular services. @dxp/solid signals. Each package wraps the core DXP SDK with framework-native patterns — so DXP feels like a native part of your stack, not a foreign integration."
      ],
      "specifications": [],
      "relationships": [],
      "media": [],
      "children": [
        {
          "id": "data-viz-1",
          "heading": "data Viz",
          "body": [],
          "specifications": [],
          "relationships": [],
          "media": [],
          "children": [],
          "sourceBlockType": "unsupported"
        }
      ],
      "sourceBlockType": "content_block",
      "sourceBlockId": "db98a2cc-e69e-46cf-9cce-ef3ae1c9ab16"
    },
    {
      "id": "framework-compatibility-specifications-a2ddaf9a-781f-4033-92cf-fdb187d5e9d0",
      "heading": "Framework Compatibility Specifications",
      "body": [],
      "specifications": [
        {
          "label": "React",
          "value": "@dxp/react — hooks for content, flags, analytics, auth",
          "group": "spec Items"
        },
        {
          "label": "Vue",
          "value": "@dxp/vue — composables with Vue 3 Composition API",
          "group": "spec Items"
        },
        {
          "label": "Svelte",
          "value": "@dxp/svelte — stores with Svelte 5 runes support",
          "group": "spec Items"
        },
        {
          "label": "Angular",
          "value": "@dxp/angular — services with dependency injection",
          "group": "spec Items"
        },
        {
          "label": "Solid",
          "value": "@dxp/solid — signals with fine-grained reactivity",
          "group": "spec Items"
        },
        {
          "label": "Vanilla",
          "value": "@dxp/core — framework-agnostic base SDK",
          "group": "spec Items"
        }
      ],
      "relationships": [],
      "media": [],
      "children": [],
      "sourceBlockType": "product_specification",
      "sourceBlockId": "a2ddaf9a-781f-4033-92cf-fdb187d5e9d0"
    },
    {
      "id": "features-3",
      "heading": "features",
      "body": [
        "vue: true",
        "react: true",
        "solid: true",
        "svelte: true",
        "angular: true",
        "vanilla: true"
      ],
      "specifications": [],
      "relationships": [],
      "media": [],
      "children": [],
      "sourceBlockType": "features"
    }
  ],
  "specifications": [],
  "claims": [],
  "relationships": [
    {
      "type": "products",
      "targets": [
        {
          "id": "83",
          "family": "products",
          "name": "DXP",
          "slug": "dxp",
          "canonicalUrl": "https://babadook.tech/products/dxp",
          "relationship": "products"
        }
      ]
    },
    {
      "type": "capabilities",
      "targets": [
        {
          "id": "78",
          "family": "capabilities",
          "name": "High-Performance Rendering",
          "slug": "high-performance-rendering",
          "canonicalUrl": "https://babadook.tech/capabilities/high-performance-rendering",
          "relationship": "capabilities"
        }
      ]
    },
    {
      "type": "sub_modules",
      "targets": [
        {
          "id": "32",
          "family": "sub-modules",
          "name": "Developer Experience",
          "slug": "developer-experience",
          "canonicalUrl": "https://babadook.tech/sub-modules/developer-experience",
          "relationship": "sub_modules"
        }
      ]
    },
    {
      "type": "use_cases",
      "targets": [
        {
          "id": "57",
          "family": "use-case",
          "name": "Application Development",
          "slug": "application-development",
          "relationship": "use_cases"
        },
        {
          "id": "49",
          "family": "use-case",
          "name": "Content Management",
          "slug": "content-management",
          "relationship": "use_cases"
        }
      ]
    }
  ],
  "authors": [],
  "media": [],
  "regulatoryContext": {
    "exportControlAndLicensingReviewRequired": false
  },
  "language": "en",
  "receipt": {
    "sourceBlockCount": 4,
    "projectedBlockCount": 4,
    "sourceValueCount": 22,
    "projectedValueCount": 22,
    "sourceRelationshipCount": 5,
    "projectedRelationshipCount": 5,
    "sourceClaimCount": 0,
    "projectedClaimCount": 0,
    "unknownBlockTypes": [],
    "omittedFields": [],
    "missingValuePaths": [],
    "invalidClaims": [],
    "complete": true
  },
  "contentHash": "5cde833bb85f9cc6d9f1a48519e4473c3c4bf7d973a24201335e645d4690e540"
}