mirror of https://github.com/yewstack/yew
174 lines
5.7 KiB
JavaScript
174 lines
5.7 KiB
JavaScript
/**
|
|
* Creating a sidebar enables you to:
|
|
- create an ordered group of docs
|
|
- render a sidebar for each doc of that group
|
|
- provide next/previous navigation
|
|
The sidebars can be generated from the filesystem, or explicitly defined here.
|
|
Create as many sidebars as you want.
|
|
*/
|
|
|
|
module.exports = {
|
|
docs: [
|
|
{
|
|
type: "category",
|
|
label: "Getting Started",
|
|
link: { type: "doc", id: "getting-started/introduction" },
|
|
items: [
|
|
"getting-started/build-a-sample-app",
|
|
"getting-started/examples",
|
|
"getting-started/editor-setup",
|
|
],
|
|
},
|
|
{
|
|
type: "category",
|
|
label: "Concepts",
|
|
link: {
|
|
type: "generated-index",
|
|
title: "Yew concepts",
|
|
description: "Learn about the important Yew concepts!",
|
|
},
|
|
items: [
|
|
{
|
|
type: "category",
|
|
label: "Intro With Basic Web Technologies",
|
|
link: {
|
|
type: "generated-index",
|
|
title: "Yew Take on Basic Web Technologies",
|
|
description: "Yew mostly operates on the idea of keeping everything that a reusable piece of UI may need, in one place - rust files. But also seeks to stay close to the original look of the technology. Explore further to fully grasp what we mean by these statements:",
|
|
},
|
|
items: [
|
|
"concepts/basic-web-technologies/html",
|
|
"concepts/basic-web-technologies/css",
|
|
"concepts/basic-web-technologies/js",
|
|
],
|
|
},
|
|
{
|
|
type: "category",
|
|
label: "Function Components",
|
|
link: { type: "doc", id: "concepts/function-components/introduction" },
|
|
items: [
|
|
"concepts/function-components/properties",
|
|
"concepts/function-components/callbacks",
|
|
"concepts/function-components/children",
|
|
"concepts/function-components/pure-components",
|
|
{
|
|
type: "category",
|
|
label: "Hooks",
|
|
link: { type: "doc", id: "concepts/function-components/hooks/introduction" },
|
|
items: [
|
|
"concepts/function-components/hooks/use-state",
|
|
"concepts/function-components/hooks/use-reducer",
|
|
"concepts/function-components/hooks/use-mut-ref",
|
|
"concepts/function-components/hooks/use-node-ref",
|
|
"concepts/function-components/hooks/use-effect",
|
|
"concepts/function-components/hooks/use-memo",
|
|
"concepts/function-components/hooks/use-context",
|
|
"concepts/function-components/hooks/custom-hooks",
|
|
],
|
|
},
|
|
"concepts/function-components/node-refs",
|
|
"concepts/function-components/state",
|
|
"concepts/function-components/communication",
|
|
"concepts/function-components/generics",
|
|
],
|
|
},
|
|
{
|
|
type: "category",
|
|
label: "HTML",
|
|
link: { type: "doc", id: "concepts/html/introduction" },
|
|
items: [
|
|
"concepts/html/components",
|
|
"concepts/html/elements",
|
|
"concepts/html/events",
|
|
"concepts/html/classes",
|
|
"concepts/html/fragments",
|
|
"concepts/html/lists",
|
|
"concepts/html/literals-and-expressions",
|
|
"concepts/html/conditional-rendering",
|
|
],
|
|
},
|
|
{
|
|
type: "category",
|
|
label: "Javascript with Rust",
|
|
link: {
|
|
type: "generated-index",
|
|
title: "wasm-bindgen",
|
|
description: "Learn about wasm-bindgen",
|
|
slug: "/concepts/wasm-bindgen",
|
|
},
|
|
items: [
|
|
"concepts/wasm-bindgen/introduction",
|
|
"concepts/wasm-bindgen/web-sys",
|
|
],
|
|
},
|
|
"concepts/agents",
|
|
"concepts/contexts",
|
|
"concepts/router",
|
|
"concepts/suspense",
|
|
],
|
|
},
|
|
{
|
|
type: "category",
|
|
label: "Advanced topics",
|
|
link: {
|
|
type: "generated-index",
|
|
title: "Advanced topics",
|
|
description:
|
|
"Learn about the advanced topics and inner workings of Yew!",
|
|
},
|
|
items: [
|
|
"advanced-topics/how-it-works",
|
|
{
|
|
type: "category",
|
|
label: "Struct Components",
|
|
link: { type: "doc", id: "advanced-topics/struct-components/introduction" },
|
|
items: [
|
|
"advanced-topics/struct-components/hoc",
|
|
"advanced-topics/struct-components/introduction",
|
|
"advanced-topics/struct-components/lifecycle",
|
|
"advanced-topics/struct-components/scope",
|
|
"advanced-topics/struct-components/callbacks",
|
|
"advanced-topics/struct-components/properties",
|
|
"advanced-topics/struct-components/refs",
|
|
],
|
|
},
|
|
"advanced-topics/children",
|
|
"advanced-topics/optimizations",
|
|
"advanced-topics/portals",
|
|
"advanced-topics/server-side-rendering",
|
|
],
|
|
},
|
|
{
|
|
type: "category",
|
|
label: "More",
|
|
link: {
|
|
type: "generated-index",
|
|
title: "Miscellaneous",
|
|
},
|
|
items: ["more/debugging", "more/css", "more/testing", "more/roadmap"],
|
|
},
|
|
{
|
|
type: "category",
|
|
label: "Migration guides",
|
|
items: [
|
|
{
|
|
type: "category",
|
|
label: "yew",
|
|
items: ["migration-guides/yew/from-0_18_0-to-0_19_0"],
|
|
},
|
|
{
|
|
type: "category",
|
|
label: "yew-agent",
|
|
items: ["migration-guides/yew-agent/from-0_0_0-to-0_1_0"],
|
|
},
|
|
{
|
|
type: "category",
|
|
label: "yew-router",
|
|
items: ["migration-guides/yew-router/from-0_15_0-to-0_16_0"],
|
|
},
|
|
],
|
|
},
|
|
],
|
|
api: [{ type: "autogenerated", dirName: "tutorial" }],
|
|
};
|