- title: แบบฝึกหัด
  items:
    - id: before-we-start-the-tutorial
      title: ก่อนเริ่มต้นทำแบบฝึกหัด
      href: /tutorial/tutorial.html#before-we-start-the-tutorial
      forceInternal: true
      subitems:
        - id: what-are-we-building
          title: เรากำลังจะสร้างอะไรกัน?
          href: /tutorial/tutorial.html#what-are-we-building
          forceInternal: true
        - id: prerequisites
          title: ข้อกำหนดเบื้องต้น
          href: /tutorial/tutorial.html#prerequisites
          forceInternal: true
    - id: setup-for-the-tutorial
      title: เตรียมพร้อมสำหรับแบบฝึกหัด
      href: /tutorial/tutorial.html#setup-for-the-tutorial
      forceInternal: true
      subitems:
        - id: setup-option-1-write-code-in-the-browser
          title: "ตัวเลือกที่ 1: เขียนโค้ดในเบราว์เซอร์"
          href: /tutorial/tutorial.html#setup-option-1-write-code-in-the-browser
          forceInternal: true
        - id: setup-option-2-local-development-environment
          title: "ตัวเลือกที่ 2: ติดตั้งชุดเครื่องมือสำหรับพัฒนาระบบบนเครื่องของคุณ"
          href: /tutorial/tutorial.html#setup-option-2-local-development-environment
          forceInternal: true
        - id: help-im-stuck
          title: ช่วยด้วย, ติด!, ไปต่อไม่ได้แล้ว!
          href: /tutorial/tutorial.html#help-im-stuck
          forceInternal: true
    - id: overview
      title: เนื้อหารวบยอด
      href: /tutorial/tutorial.html#overview
      forceInternal: true
      subitems:
        - id: what-is-react
          title: React คืออะไร?
          href: /tutorial/tutorial.html#what-is-react
          forceInternal: true
        - id: ตรวจสอบโค้ดเริ่มต้น
          title: Inspecting the Starter Code
          href: /tutorial/tutorial.html#inspecting-the-starter-code
          forceInternal: true
        - id: passing-data-through-props
          title: ส่งข้อมูลผ่าน Props
          href: /tutorial/tutorial.html#passing-data-through-props
          forceInternal: true
        - id: making-an-interactive-component
          title: สร้างคอมโพเนนท์ที่ตอบโต้ได้
          href: /tutorial/tutorial.html#making-an-interactive-component
          forceInternal: true
        - id: developer-tools
          title: เครื่องมือนักพัฒนา
          href: /tutorial/tutorial.html#developer-tools
          forceInternal: true
    - id: completing-the-game
      title: จบเกม
      href: /tutorial/tutorial.html#completing-the-game
      forceInternal: true
      subitems:
        - id: lifting-state-up
          title: ขยับสเตทขึ้น
          href: /tutorial/tutorial.html#lifting-state-up
          forceInternal: true
        - id: why-immutability-is-important
          title: ทำไม การไม่เปลี่ยนรูป จึงมีความสำคัญ
          href: /tutorial/tutorial.html#why-immutability-is-important
          forceInternal: true
        - id: function-components
          title: คอมโพเนนท์แบบฟังก์ชั่น
          href: /tutorial/tutorial.html#function-components
          forceInternal: true
        - id: taking-turns
          title: ผลัดกันเดิน
          href: /tutorial/tutorial.html#taking-turns
          forceInternal: true
        - id: declaring-a-winner
          title: ประกาศผู้ชนะ
          href: /tutorial/tutorial.html#declaring-a-winner
          forceInternal: true
    - id: adding-time-travel
      title: เพิ่มการเดินทางข้ามเวลา
      href: /tutorial/tutorial.html#adding-time-travel
      forceInternal: true
      subitems:
        - id: storing-a-history-of-moves
          title: เก็บประวัติการเดิน
          href: /tutorial/tutorial.html#storing-a-history-of-moves
          forceInternal: true
        - id: lifting-state-up-again
          title: ขยับสเตทขึ้น, อีกครั้ง
          href: /tutorial/tutorial.html#lifting-state-up-again
          forceInternal: true
        - id: showing-the-past-moves
          title: แสดงการเดินที่ผ่านมา
          href: /tutorial/tutorial.html#showing-the-past-moves
          forceInternal: true
        - id: picking-a-key
          title: การเลือก Key
          href: /tutorial/tutorial.html#picking-a-key
          forceInternal: true
        - id: implementing-time-travel
          title: สร้างการเดินทางข้ามเวลา
          href: /tutorial/tutorial.html#implementing-time-travel
          forceInternal: true
        - id: wrapping-up
          title: สรุป
          href: /tutorial/tutorial.html#wrapping-up
          forceInternal: true
