sidebarLearn.json

{
  "title": "Belajar React",
  "path": "/learn",
  "routes": [
    {
      "hasSectionHeader": true,
      "sectionHeader": "MEMULAI"
    },
    {
      "title": "Mulai Cepat",
      "path": "/learn",
      "routes": [
        {
          "title": "Tutorial: Tic-Tac-Toe",
          "path": "/learn/tutorial-tic-tac-toe"
        },
        {
          "title": "Cara Berpikir dengan React",
          "path": "/learn/thinking-in-react"
        }
      ]
    },
    {
      "title": "Pemasangan",
      "path": "/learn/installation",
      "routes": [
        {
          "title": "Membuat Aplikasi React",
          "path": "/learn/creating-a-react-app"
        },
        {
          "title": "Membangun Aplikasi React dari Awal",
          "path": "/learn/build-a-react-app-from-scratch"
        },
        {
          "title": "Tambahkan React ke Proyek yang Sudah Ada",
          "path": "/learn/add-react-to-an-existing-project"
        }
      ]
    },
    {
      "title": "Pengaturan",
      "path": "/learn/setup",
      "routes": [
        {
          "title": "Persiapan Editor",
          "path": "/learn/editor-setup"
        },
        {
          "title": "Menggunakan TypeScript",
          "path": "/learn/typescript"
        },
        {
          "title": "React Developer Tools",
          "path": "/learn/react-developer-tools"
        },
        {
          "title": "Kompiler React",
          "path": "/learn/react-compiler",
          "canary": true
        }
      ]
    },
    {
      "hasSectionHeader": true,
      "sectionHeader": "BELAJAR REACT"
    },
    {
      "title": "Menggambarkan Antarmuka Pengguna (UI)",
      "tags": [],
      "path": "/learn/describing-the-ui",
      "routes": [
        {
          "title": "Komponen Pertama Anda",
          "path": "/learn/your-first-component"
        },
        {
          "title": "Mengimpor dan Mengekspor Komponen",
          "path": "/learn/importing-and-exporting-components"
        },
        {
          "title": "Menulis Markup dengan JSX",
          "path": "/learn/writing-markup-with-jsx"
        },
        {
          "title": "JavaScript di JSX Menggunakan Kurung Kurawal",
          "path": "/learn/javascript-in-jsx-with-curly-braces"
        },
        {
          "title": "Mengoper Props ke Komponen",
          "path": "/learn/passing-props-to-a-component"
        },
        {
          "title": "Perenderan Kondisional",
          "path": "/learn/conditional-rendering"
        },
        {
          "title": "Me-render List",
          "path": "/learn/rendering-lists"
        },
        {
          "title": "Menjaga Kemurnian Komponen",
          "path": "/learn/keeping-components-pure"
        },
        {
          "title": "Antarmuka Pengguna Anda sebagai Pohon",
          "path": "/learn/understanding-your-ui-as-a-tree"
        }
      ]
    },
    {
      "title": "Menambahkan Interaktivitas",
      "path": "/learn/adding-interactivity",
      "tags": [],
      "routes": [
        {
          "title": "Menanggapi Event",
          "path": "/learn/responding-to-events"
        },
        {
          "title": "State: Memori dari Sebuah Komponen",
          "path": "/learn/state-a-components-memory"
        },
        {
          "title": "Render dan Commit",
          "path": "/learn/render-and-commit"
        },
        {
          "title": "State Sebagai Sebuah Snapshot",
          "path": "/learn/state-as-a-snapshot"
        },
        {
          "title": "Mengantre Serangkaian Pembaruan State",
          "path": "/learn/queueing-a-series-of-state-updates"
        },
        {
          "title": "Memperbarui Objek dalam State",
          "path": "/learn/updating-objects-in-state"
        },
        {
          "title": "Memperbarui Senarai pada State",
          "path": "/learn/updating-arrays-in-state"
        }
      ]
    },
    {
      "title": "Mengelola State",
      "path": "/learn/managing-state",
      "tags": [
        "intermediate"
      ],
      "routes": [
        {
          "title": "Merespon Masukan dengan State",
          "path": "/learn/reacting-to-input-with-state"
        },
        {
          "title": "Memilih Struktur State",
          "path": "/learn/choosing-the-state-structure"
        },
        {
          "title": "Berbagi State Antar Komponen",
          "path": "/learn/sharing-state-between-components"
        },
        {
          "title": "Mempertahankan dan Mengatur Ulang State",
          "path": "/learn/preserving-and-resetting-state"
        },
        {
          "title": "Mengekstraksi Logika State ke Reducer",
          "path": "/learn/extracting-state-logic-into-a-reducer"
        },
        {
          "title": "Mengoper Data Secara Mendalam dengan Context",
          "path": "/learn/passing-data-deeply-with-context"
        },
        {
          "title": "Peningkatan Skala dengan Reducer dan Context",
          "path": "/learn/scaling-up-with-reducer-and-context"
        }
      ]
    },
    {
      "title": "Jalan Keluar",
      "path": "/learn/escape-hatches",
      "tags": [
        "advanced"
      ],
      "routes": [
        {
          "title": "Mereferensikan Nilai menggunakan Refs",
          "path": "/learn/referencing-values-with-refs"
        },
        {
          "title": "Memanipulasi DOM dengan Refs",
          "path": "/learn/manipulating-the-dom-with-refs"
        },
        {
          "title": "Sinkronisasi dengan Effect",
          "path": "/learn/synchronizing-with-effects"
        },
        {
          "title": "And mungkin tidak membutuhkan Effect",
          "path": "/learn/you-might-not-need-an-effect"
        },
        {
          "title": "Lifecycle of Reactive Effects",
          "path": "/learn/lifecycle-of-reactive-effects"
        },
        {
          "title": "Separating Events from Effects",
          "path": "/learn/separating-events-from-effects"
        },
        {
          "title": "Menghilangkan dependensi Effect",
          "path": "/learn/removing-effect-dependencies"
        },
        {
          "title": "Menggunakan ulang logika dengan Custom Hooks",
          "path": "/learn/reusing-logic-with-custom-hooks"
        }
      ]
    }
  ]
}