sidebarLearn.json

{
  "title": "Вивчення React",
  "path": "/learn",
  "routes": [
    {
      "hasSectionHeader": true,
      "sectionHeader": "ОЗНАЙОМЛЕННЯ"
    },
    {
      "title": "Швидкий старт",
      "path": "/learn",
      "routes": [
        {
          "title": "Tutorial: Tic-Tac-Toe",
          "path": "/learn/tutorial-tic-tac-toe"
        },
        {
          "title": "Thinking in React",
          "path": "/learn/thinking-in-react"
        }
      ]
    },
    {
      "title": "Встановлення",
      "path": "/learn/installation",
      "routes": [
        {
          "title": "Створення React-застосунку",
          "path": "/learn/creating-a-react-app"
        },
        {
          "title": "Побудова React-застосунку з нуля",
          "path": "/learn/build-a-react-app-from-scratch"
        },
        {
          "title": "Інтеграція React у наявний проєкт",
          "path": "/learn/add-react-to-an-existing-project"
        }
      ]
    },
    {
      "title": "Налаштування",
      "path": "/learn/setup",
      "routes": [
        {
          "title": "Налаштування редактора",
          "path": "/learn/editor-setup"
        },
        {
          "title": "Використання TypeScript",
          "path": "/learn/typescript"
        },
        {
          "title": "Інструменти розробника React",
          "path": "/learn/react-developer-tools"
        },
        {
          "title": "React Compiler",
          "path": "/learn/react-compiler",
          "canary": true
        }
      ]
    },
    {
      "hasSectionHeader": true,
      "sectionHeader": "ВИВЧЕННЯ REACT"
    },
    {
      "title": "Написання UI",
      "tags": [],
      "path": "/learn/describing-the-ui",
      "routes": [
        {
          "title": "Ваш перший компонент",
          "path": "/learn/your-first-component"
        },
        {
          "title": "Імпорт та експорт компонентів",
          "path": "/learn/importing-and-exporting-components"
        },
        {
          "title": "Написання розмітки з JSX",
          "path": "/learn/writing-markup-with-jsx"
        },
        {
          "title": "JavaScript у JSX з фігурними дужками",
          "path": "/learn/javascript-in-jsx-with-curly-braces"
        },
        {
          "title": "Передача пропсів до компонента",
          "path": "/learn/passing-props-to-a-component"
        },
        {
          "title": "Умовний рендеринг",
          "path": "/learn/conditional-rendering"
        },
        {
          "title": "Рендеринг списків",
          "path": "/learn/rendering-lists"
        },
        {
          "title": "Keeping Components Pure",
          "path": "/learn/keeping-components-pure"
        },
        {
          "title": "Ваш UI як дерево",
          "path": "/learn/understanding-your-ui-as-a-tree"
        }
      ]
    },
    {
      "title": "Додавання інтерактивності",
      "path": "/learn/adding-interactivity",
      "tags": [],
      "routes": [
        {
          "title": "Реагування на події",
          "path": "/learn/responding-to-events"
        },
        {
          "title": "Стан: пам'ять компонента",
          "path": "/learn/state-a-components-memory"
        },
        {
          "title": "Рендер і коміт",
          "path": "/learn/render-and-commit"
        },
        {
          "title": "Стан як снепшот",
          "path": "/learn/state-as-a-snapshot"
        },
        {
          "title": "Додавання до черги низки оновлень стану",
          "path": "/learn/queueing-a-series-of-state-updates"
        },
        {
          "title": "Updating Objects in State",
          "path": "/learn/updating-objects-in-state"
        },
        {
          "title": "Оновлення масивів у стані",
          "path": "/learn/updating-arrays-in-state"
        }
      ]
    },
    {
      "title": "Managing State",
      "path": "/learn/managing-state",
      "tags": ["intermediate"],
      "routes": [
        {
          "title": "Реагування станом на введення",
          "path": "/learn/reacting-to-input-with-state"
        },
        {
          "title": "Choosing the State Structure",
          "path": "/learn/choosing-the-state-structure"
        },
        {
          "title": "Sharing State Between Components",
          "path": "/learn/sharing-state-between-components"
        },
        {
          "title": "Preserving and Resetting State",
          "path": "/learn/preserving-and-resetting-state"
        },
        {
          "title": "Extracting State Logic into a Reducer",
          "path": "/learn/extracting-state-logic-into-a-reducer"
        },
        {
          "title": "Passing Data Deeply with Context",
          "path": "/learn/passing-data-deeply-with-context"
        },
        {
          "title": "Scaling Up with Reducer and Context",
          "path": "/learn/scaling-up-with-reducer-and-context"
        }
      ]
    },
    {
      "title": "Escape Hatches",
      "path": "/learn/escape-hatches",
      "tags": ["advanced"],
      "routes": [
        {
          "title": "Referencing Values with Refs",
          "path": "/learn/referencing-values-with-refs"
        },
        {
          "title": "Manipulating the DOM with Refs",
          "path": "/learn/manipulating-the-dom-with-refs"
        },
        {
          "title": "Synchronizing with Effects",
          "path": "/learn/synchronizing-with-effects"
        },
        {
          "title": "You Might Not Need an 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": "Removing Effect Dependencies",
          "path": "/learn/removing-effect-dependencies"
        },
        {
          "title": "Reusing Logic with Custom Hooks",
          "path": "/learn/reusing-logic-with-custom-hooks"
        }
      ]
    }
  ]
}