{
  "docId": "019de06f-a937-74e5-a93a-c869a1890818",
  "docSlug": "db1818cdab816d6807094fc88536c9a2",
  "documentTitle": "Roblox | Product Presentation Deck | 29 slides",
  "authorId": "roblox",
  "authorName": "Roblox",
  "documentKindSlug": "conference-presentation",
  "documentKindLabel": "Conference presentation",
  "sourceTypeSlug": "investor_relations",
  "sourceTypeLabel": "Investor relations",
  "presentationDate": "2018-07-01 00:00:00",
  "orientation": "landscape",
  "aspectRatio": 1.7927171,
  "pageNumber": 25,
  "pageCount": 29,
  "prevPage": 24,
  "nextPage": 26,
  "slideType": "other",
  "function": "present_solution",
  "density": "dense",
  "nDataPoints": 0,
  "notes": "The slide uses a dark theme with syntax-highlighted code snippets to explain the basic Roact API usage.",
  "elementsJson": null,
  "metadataConfidence": 0.9,
  "imagePath": null,
  "slideHref": "/slides/019de06f-a937-74e5-a93a-c869a1890818/25",
  "deckHref": "/decks/019de06f-a937-74e5-a93a-c869a1890818",
  "deckJsonHref": "/decks/019de06f-a937-74e5-a93a-c869a1890818.json",
  "deckAnchorHref": "/decks/019de06f-a937-74e5-a93a-c869a1890818#slide-25",
  "components": [
    {
      "bbox": {
        "h": 0.12,
        "w": 0.08,
        "x": 0.9,
        "y": 0.02
      },
      "kind": "image",
      "text": "RDC",
      "attrs": null,
      "subkind": "logo",
      "toolName": null,
      "toolSlug": null,
      "confidence": null,
      "componentId": "efa6e503-9f70-498e-b4e0-f64cdd58c054",
      "frameworkName": null,
      "frameworkSlug": null
    },
    {
      "bbox": {
        "h": 0.05,
        "w": 0.45,
        "x": 0.35,
        "y": 0.2
      },
      "kind": "paragraph",
      "text": "local e = Roact.createElement",
      "attrs": null,
      "subkind": "paragraph",
      "toolName": null,
      "toolSlug": null,
      "confidence": null,
      "componentId": "6212fc6f-c80b-4a13-97e9-3074d10df470",
      "frameworkName": null,
      "frameworkSlug": null
    },
    {
      "bbox": {
        "h": 0.05,
        "w": 0.6,
        "x": 0.35,
        "y": 0.75
      },
      "kind": "paragraph",
      "text": "Roact.mount(hello, LocalPlayer.PlayerGui)",
      "attrs": null,
      "subkind": "paragraph",
      "toolName": null,
      "toolSlug": null,
      "confidence": null,
      "componentId": "9e6c5f4d-1717-4849-9be9-7efde403b567",
      "frameworkName": null,
      "frameworkSlug": null
    },
    {
      "bbox": {
        "h": 0.05,
        "w": 0.3,
        "x": 0.05,
        "y": 0.4
      },
      "kind": "paragraph",
      "text": "Describe our UI:",
      "attrs": null,
      "subkind": "paragraph",
      "toolName": null,
      "toolSlug": null,
      "confidence": null,
      "componentId": "b2752194-d6c9-4fc6-9061-f43cf6d0d460",
      "frameworkName": null,
      "frameworkSlug": null
    },
    {
      "bbox": {
        "h": 0.05,
        "w": 0.3,
        "x": 0.05,
        "y": 0.2
      },
      "kind": "paragraph",
      "text": "Define a handy alias:",
      "attrs": null,
      "subkind": "paragraph",
      "toolName": null,
      "toolSlug": null,
      "confidence": null,
      "componentId": "be5280f2-2d99-4e12-8b04-35758171c0cc",
      "frameworkName": null,
      "frameworkSlug": null
    },
    {
      "bbox": {
        "h": 0.05,
        "w": 0.3,
        "x": 0.05,
        "y": 0.75
      },
      "kind": "paragraph",
      "text": "Make our UI real:",
      "attrs": null,
      "subkind": "paragraph",
      "toolName": null,
      "toolSlug": null,
      "confidence": null,
      "componentId": "dcf588cf-5998-4d84-9350-4ef2fc403550",
      "frameworkName": null,
      "frameworkSlug": null
    },
    {
      "bbox": {
        "h": 0.35,
        "w": 0.55,
        "x": 0.35,
        "y": 0.3
      },
      "kind": "paragraph",
      "text": "local hello = e(\"ScreenGui\", nil, {\n  Label = e(\"TextLabel\", {\n    Text = \"Hello, RDC!\"\n  })\n})",
      "attrs": null,
      "subkind": "paragraph",
      "toolName": null,
      "toolSlug": null,
      "confidence": null,
      "componentId": "e5bebdd5-f16f-4052-a275-d55793f3421e",
      "frameworkName": null,
      "frameworkSlug": null
    },
    {
      "bbox": {
        "h": 0.15,
        "w": 0.3,
        "x": 0.05,
        "y": 0.05
      },
      "kind": "title",
      "text": "Hello, Roact!",
      "attrs": null,
      "subkind": "headline",
      "toolName": null,
      "toolSlug": null,
      "confidence": null,
      "componentId": "17a9bf06-1417-4b95-9232-14725d4884d9",
      "frameworkName": null,
      "frameworkSlug": null
    }
  ],
  "metrics": [],
  "tools": [],
  "frameworks": [],
  "arcBeats": [],
  "loops": [],
  "imagePathAlt": null,
  "thumbSrc": null,
  "thumbSrcAlt": null,
  "locked": true
}