Skip to content

Instantly share code, notes, and snippets.

@mindrones

mindrones/README.md

Created October 16, 2019 11:57
Show Gist options
  • Save mindrones/bac9331855f29476598ed274be330118 to your computer and use it in GitHub Desktop.
Save mindrones/bac9331855f29476598ed274be330118 to your computer and use it in GitHub Desktop.
Download ZIP
Svelte docs interlinking
Raw
docs.json
{
"section_slug": "Before_we_begin",
"metadata": {
"title": "Before we begin"
},
"subsections": []
}
{
"section_slug": "Component_format",
"metadata": {
"title": "Component format"
},
"subsections": [
{
"slug": "script",
"title": "<script>",
"level": 3
},
{
"slug": "script_context_module",
"title": "<script context="module">",
"level": 3
},
{
"slug": "style",
"title": "<style>",
"level": 3
}
]
}
{
"section_slug": "Template_syntax",
"metadata": {
"title": "Template syntax"
},
"subsections": [
{
"slug": "Tags",
"title": "Tags",
"level": 3
},
{
"slug": "Attributes_and_props",
"title": "Attributes and props",
"level": 3
},
{
"slug": "Text_expressions",
"title": "Text expressions",
"level": 3
},
{
"slug": "Comments",
"title": "Comments",
"level": 3
},
{
"slug": "if",
"title": "{#if ...}",
"level": 3
},
{
"slug": "each",
"title": "{#each ...}",
"level": 3
},
{
"slug": "await",
"title": "{#await ...}",
"level": 3
},
{
"slug": "html",
"title": "{@html ...}",
"level": 3
},
{
"slug": "debug",
"title": "{@debug ...}",
"level": 3
},
{
"slug": "Element_directives",
"title": "Element directives",
"level": 3
},
{
"slug": "on_element_event",
"title": "on:<em>eventname</em>",
"level": 4
},
{
"slug": "bind_element_property",
"title": "bind:<em>property</em>",
"level": 4
},
{
"slug": "bind_group",
"title": "bind:group",
"level": 4
},
{
"slug": "bind_element",
"title": "bind:this",
"level": 4
},
{
"slug": "class_name",
"title": "class:<em>name</em>",
"level": 4
},
{
"slug": "use_action",
"title": "use:<em>action</em>",
"level": 4
},
{
"slug": "transition_fn",
"title": "transition:<em>fn</em>",
"level": 4
},
{
"slug": "in_fn_out_fn",
"title": "in:<em>fn</em>/out:<em>fn</em>",
"level": 4
},
{
"slug": "animate_fn",
"title": "animate:<em>fn</em>",
"level": 4
},
{
"slug": "Component_directives",
"title": "Component directives",
"level": 3
},
{
"slug": "on_component_event",
"title": "on:<em>eventname</em>",
"level": 4
},
{
"slug": "bind_component_property",
"title": "bind:<em>property</em>",
"level": 4
},
{
"slug": "bind_component",
"title": "bind:this",
"level": 4
},
{
"slug": "slot",
"title": "&lt;slot&gt;",
"level": 3
},
{
"slug": "slot_name",
"title": "&lt;slot name=&quot;<em>name</em>&quot;&gt;",
"level": 4
},
{
"slug": "slot_let",
"title": "&lt;slot let:<em>name</em>={<em>value</em>}&gt;",
"level": 4
},
{
"slug": "svelte_self",
"title": "&lt;svelte:self&gt;",
"level": 3
},
{
"slug": "svelte_component",
"title": "&lt;svelte:component&gt;",
"level": 3
},
{
"slug": "svelte_window",
"title": "&lt;svelte:window&gt;",
"level": 3
},
{
"slug": "svelte_body",
"title": "&lt;svelte:body&gt;",
"level": 3
},
{
"slug": "svelte_head",
"title": "&lt;svelte:head&gt;",
"level": 3
},
{
"slug": "svelte_options",
"title": "&lt;svelte:options&gt;",
"level": 3
}
]
}
{
"section_slug": "Run_time",
"metadata": {
"title": "Run time"
},
"subsections": [
{
"slug": "svelte",
"title": "svelte",
"level": 3
},
{
"slug": "onMount",
"title": "onMount",
"level": 4
},
{
"slug": "beforeUpdate",
"title": "beforeUpdate",
"level": 4
},
{
"slug": "afterUpdate",
"title": "afterUpdate",
"level": 4
},
{
"slug": "onDestroy",
"title": "onDestroy",
"level": 4
},
{
"slug": "tick",
"title": "tick",
"level": 4
},
{
"slug": "setContext",
"title": "setContext",
"level": 4
},
{
"slug": "getContext",
"title": "getContext",
"level": 4
},
{
"slug": "createEventDispatcher",
"title": "createEventDispatcher",
"level": 4
},
{
"slug": "svelte_store",
"title": "svelte/store",
"level": 3
},
{
"slug": "writable",
"title": "writable",
"level": 4
},
{
"slug": "readable",
"title": "readable",
"level": 4
},
{
"slug": "derived",
"title": "derived",
"level": 4
},
{
"slug": "get",
"title": "get",
"level": 4
},
{
"slug": "svelte_motion",
"title": "svelte/motion",
"level": 3
},
{
"slug": "tweened",
"title": "tweened",
"level": 4
},
{
"slug": "spring",
"title": "spring",
"level": 4
},
{
"slug": "svelte_transition",
"title": "svelte/transition",
"level": 3
},
{
"slug": "fade",
"title": "fade",
"level": 4
},
{
"slug": "blur",
"title": "blur",
"level": 4
},
{
"slug": "fly",
"title": "fly",
"level": 4
},
{
"slug": "slide",
"title": "slide",
"level": 4
},
{
"slug": "scale",
"title": "scale",
"level": 4
},
{
"slug": "draw",
"title": "draw",
"level": 4
},
{
"slug": "svelte_animate",
"title": "svelte/animate",
"level": 3
},
{
"slug": "flip",
"title": "flip",
"level": 4
},
{
"slug": "svelte_easing",
"title": "svelte/easing",
"level": 3
},
{
"slug": "svelte_register",
"title": "svelte/register",
"level": 3
},
{
"slug": "Client-side_component_API",
"title": "Client-side component API",
"level": 3
},
{
"slug": "Creating_a_component",
"title": "Creating a component",
"level": 4
},
{
"slug": "$set",
"title": "$set",
"level": 4
},
{
"slug": "$on",
"title": "$on",
"level": 4
},
{
"slug": "$destroy",
"title": "$destroy",
"level": 4
},
{
"slug": "Component_props",
"title": "Component props",
"level": 4
},
{
"slug": "Custom_element_API",
"title": "Custom element API",
"level": 3
},
{
"slug": "Server-side_component_API",
"title": "Server-side component API",
"level": 3
}
]
}
{
"section_slug": "Compile_time",
"metadata": {
"title": "Compile time"
},
"subsections": [
{
"slug": "svelte_compile",
"title": "svelte.compile",
"level": 3
},
{
"slug": "svelte_parse",
"title": "svelte.parse",
"level": 3
},
{
"slug": "svelte_preprocess",
"title": "svelte.preprocess",
"level": 3
},
{
"slug": "svelte_walk",
"title": "svelte.walk",
"level": 3
},
{
"slug": "svelte_VERSION",
"title": "svelte.VERSION",
"level": 3
}
]
}
Raw
examples.json
[
{
"title": "Introduction",
"examples": [
{
"slug": "hello-world",
"title": "Hello world"
},
{
"slug": "dynamic-attributes",
"title": "Dynamic attributes"
},
{
"slug": "styling",
"title": "Styling"
},
{
"slug": "nested-components",
"title": "Nested components"
},
{
"slug": "html-tags",
"title": "HTML tags"
}
]
},
{
"title": "Reactivity",
"examples": [
{
"slug": "reactive-assignments",
"title": "Reactive assignments"
},
{
"slug": "reactive-declarations",
"title": "Reactive declarations"
},
{
"slug": "reactive-statements",
"title": "Reactive statements"
}
]
},
{
"title": "Props",
"examples": [
{
"slug": "declaring-props",
"title": "Declaring props"
},
{
"slug": "default-values",
"title": "Default values"
},
{
"slug": "spread-props",
"title": "Spread props"
}
]
},
{
"title": "Logic",
"examples": [
{
"slug": "if-blocks",
"title": "If blocks"
},
{
"slug": "else-blocks",
"title": "Else blocks"
},
{
"slug": "else-if-blocks",
"title": "Else-if blocks"
},
{
"slug": "each-blocks",
"title": "Each blocks"
},
{
"slug": "keyed-each-blocks",
"title": "Keyed each blocks"
},
{
"slug": "await-blocks",
"title": "Await blocks"
}
]
},
{
"title": "Events",
"examples": [
{
"slug": "dom-events",
"title": "DOM events"
},
{
"slug": "inline-handlers",
"title": "Inline handlers"
},
{
"slug": "event-modifiers",
"title": "Event modifiers"
},
{
"slug": "component-events",
"title": "Component events"
},
{
"slug": "event-forwarding",
"title": "Event forwarding"
},
{
"slug": "dom-event-forwarding",
"title": "DOM event forwarding"
}
]
},
{
"title": "Bindings",
"examples": [
{
"slug": "text-inputs",
"title": "Text inputs"
},
{
"slug": "numeric-inputs",
"title": "Numeric inputs"
},
{
"slug": "checkbox-inputs",
"title": "Checkbox inputs"
},
{
"slug": "group-inputs",
"title": "Group inputs"
},
{
"slug": "textarea-inputs",
"title": "Textarea inputs"
},
{
"slug": "select-bindings",
"title": "Select bindings"
},
{
"slug": "multiple-select-bindings",
"title": "Select multiple"
},
{
"slug": "each-block-bindings",
"title": "Each block bindings"
},
{
"slug": "media-elements",
"title": "Media elements"
},
{
"slug": "dimensions",
"title": "Dimensions"
},
{
"slug": "bind-this",
"title": "bind:this={canvas}"
},
{
"slug": "component-bindings",
"title": "Component bindings"
}
]
},
{
"title": "Lifecycle",
"examples": [
{
"slug": "onmount",
"title": "onMount"
},
{
"slug": "ondestroy",
"title": "onDestroy"
},
{
"slug": "update",
"title": "beforeUpdate and afterUpdate"
},
{
"slug": "tick",
"title": "tick"
}
]
},
{
"title": "Stores",
"examples": [
{
"slug": "writable-stores",
"title": "Writable stores"
},
{
"slug": "auto-subscriptions",
"title": "Auto-subscriptions"
},
{
"slug": "readable-stores",
"title": "Readable stores"
},
{
"slug": "derived-stores",
"title": "Derived stores"
},
{
"slug": "custom-stores",
"title": "Custom stores"
}
]
},
{
"title": "Motion",
"examples": [
{
"slug": "tweened",
"title": "Tweened"
},
{
"slug": "spring",
"title": "Spring"
}
]
},
{
"title": "Transitions",
"examples": [
{
"slug": "transition",
"title": "The transition directive"
},
{
"slug": "adding-parameters-to-transitions",
"title": "Adding parameters"
},
{
"slug": "in-and-out",
"title": "In and out"
},
{
"slug": "custom-css-transitions",
"title": "Custom CSS transitions"
},
{
"slug": "custom-js-transitions",
"title": "Custom JS transitions"
},
{
"slug": "transition-events",
"title": "Transition events"
},
{
"slug": "deferred-transitions",
"title": "Deferred transitions"
}
]
},
{
"title": "Animations",
"examples": [
{
"slug": "animate",
"title": "The animate directive"
}
]
},
{
"title": "Easing",
"examples": [
{
"slug": "easing",
"title": "Ease Visualiser"
}
]
},
{
"title": "SVG",
"examples": [
{
"slug": "clock",
"title": "Clock"
},
{
"slug": "bar-chart",
"title": "Bar chart"
},
{
"slug": "area-chart",
"title": "Area chart"
},
{
"slug": "scatterplot",
"title": "Scatterplot"
},
{
"slug": "svg-transitions",
"title": "SVG transitions"
}
]
},
{
"title": "Actions",
"examples": [
{
"slug": "actions",
"title": "The use directive"
},
{
"slug": "adding-parameters-to-actions",
"title": "Adding parameters"
}
]
},
{
"title": "Classes",
"examples": [
{
"slug": "classes",
"title": "The class directive"
},
{
"slug": "class-shorthand",
"title": "Shorthand class directive"
}
]
},
{
"title": "Component composition",
"examples": [
{
"slug": "slots",
"title": "Slots"
},
{
"slug": "slot-fallbacks",
"title": "Slot fallbacks"
},
{
"slug": "named-slots",
"title": "Named slots"
},
{
"slug": "slot-props",
"title": "Slot props"
},
{
"slug": "modal",
"title": "Modal"
}
]
},
{
"title": "Context API",
"examples": [
{
"slug": "context-api",
"title": "setContext and getContext"
}
]
},
{
"title": "Special elements",
"examples": [
{
"slug": "svelte-self",
"title": "<svelte:self>"
},
{
"slug": "svelte-component",
"title": "<svelte:component>"
},
{
"slug": "svelte-window",
"title": "<svelte:window>"
},
{
"slug": "svelte-window-bindings",
"title": "<svelte:window> bindings"
},
{
"slug": "svelte-body",
"title": "<svelte:body>"
},
{
"slug": "svelte-head",
"title": "<svelte:head>"
}
]
},
{
"title": "Module context",
"examples": [
{
"slug": "module-exports",
"title": "Named exports"
}
]
},
{
"title": "Debugging",
"examples": [
{
"slug": "debug",
"title": "The @debug tag"
}
]
},
{
"title": "7GUIs",
"examples": [
{
"slug": "7guis-counter",
"title": "Counter"
},
{
"slug": "7guis-temperature",
"title": "Temperature Converter"
},
{
"slug": "7guis-flight-booker",
"title": "Flight booker"
},
{
"slug": "7guis-timer",
"title": "Timer"
},
{
"slug": "7guis-crud",
"title": "CRUD"
},
{
"slug": "7guis-circles",
"title": "Circle Drawer"
}
]
},
{
"title": "Miscellaneous",
"examples": [
{
"slug": "hacker-news",
"title": "Hacker News"
},
{
"slug": "immutable-data",
"title": "Immutable data"
}
]
},
{
"examples": [
{
"slug": "blog-svelte-css-in-js",
"title": "-"
},
{
"slug": "blog-write-less-code",
"title": "-"
}
]
}
]
Raw
tutorial.json
[
{
"title": "Introduction",
"chapters": [
{
"slug": "basics",
"title": "Basics",
"section_dir": "01-introduction",
"chapter_dir": "01-basics"
},
{
"slug": "adding-data",
"title": "Adding data",
"section_dir": "01-introduction",
"chapter_dir": "02-adding-data"
},
{
"slug": "dynamic-attributes",
"title": "Dynamic attributes",
"section_dir": "01-introduction",
"chapter_dir": "03-dynamic-attributes"
},
{
"slug": "styling",
"title": "Styling",
"section_dir": "01-introduction",
"chapter_dir": "04-styling"
},
{
"slug": "nested-components",
"title": "Nested components",
"section_dir": "01-introduction",
"chapter_dir": "05-nested-components"
},
{
"slug": "html-tags",
"title": "HTML tags",
"section_dir": "01-introduction",
"chapter_dir": "06-html-tags"
},
{
"slug": "making-an-app",
"title": "Making an app",
"section_dir": "01-introduction",
"chapter_dir": "07-making-an-app"
}
]
},
{
"title": "Reactivity",
"chapters": [
{
"slug": "reactive-assignments",
"title": "Assignments",
"section_dir": "02-reactivity",
"chapter_dir": "01-reactive-assignments"
},
{
"slug": "reactive-declarations",
"title": "Declarations",
"section_dir": "02-reactivity",
"chapter_dir": "02-reactive-declarations"
},
{
"slug": "reactive-statements",
"title": "Statements",
"section_dir": "02-reactivity",
"chapter_dir": "03-reactive-statements"
},
{
"slug": "updating-arrays-and-objects",
"title": "Updating arrays and objects",
"section_dir": "02-reactivity",
"chapter_dir": "04-updating-arrays-and-objects"
}
]
},
{
"title": "Props",
"chapters": [
{
"slug": "declaring-props",
"title": "Declaring props",
"section_dir": "03-props",
"chapter_dir": "01-declaring-props"
},
{
"slug": "default-values",
"title": "Default values",
"section_dir": "03-props",
"chapter_dir": "02-default-values"
},
{
"slug": "spread-props",
"title": "Spread props",
"section_dir": "03-props",
"chapter_dir": "03-spread-props"
}
]
},
{
"title": "Logic",
"chapters": [
{
"slug": "if-blocks",
"title": "If blocks",
"section_dir": "04-logic",
"chapter_dir": "01-if-blocks"
},
{
"slug": "else-blocks",
"title": "Else blocks",
"section_dir": "04-logic",
"chapter_dir": "02-else-blocks"
},
{
"slug": "else-if-blocks",
"title": "Else-if blocks",
"section_dir": "04-logic",
"chapter_dir": "03-else-if-blocks"
},
{
"slug": "each-blocks",
"title": "Each blocks",
"section_dir": "04-logic",
"chapter_dir": "04-each-blocks"
},
{
"slug": "keyed-each-blocks",
"title": "Keyed each blocks",
"section_dir": "04-logic",
"chapter_dir": "05-keyed-each-blocks"
},
{
"slug": "await-blocks",
"title": "Await blocks",
"section_dir": "04-logic",
"chapter_dir": "06-await-blocks"
}
]
},
{
"title": "Events",
"chapters": [
{
"slug": "dom-events",
"title": "DOM events",
"section_dir": "05-events",
"chapter_dir": "01-dom-events"
},
{
"slug": "inline-handlers",
"title": "Inline handlers",
"section_dir": "05-events",
"chapter_dir": "02-inline-handlers"
},
{
"slug": "event-modifiers",
"title": "Event modifiers",
"section_dir": "05-events",
"chapter_dir": "03-event-modifiers"
},
{
"slug": "component-events",
"title": "Component events",
"section_dir": "05-events",
"chapter_dir": "04-component-events"
},
{
"slug": "event-forwarding",
"title": "Event forwarding",
"section_dir": "05-events",
"chapter_dir": "05-event-forwarding"
},
{
"slug": "dom-event-forwarding",
"title": "DOM event forwarding",
"section_dir": "05-events",
"chapter_dir": "06-dom-event-forwarding"
}
]
},
{
"title": "Bindings",
"chapters": [
{
"slug": "text-inputs",
"title": "Text inputs",
"section_dir": "06-bindings",
"chapter_dir": "01-text-inputs"
},
{
"slug": "numeric-inputs",
"title": "Numeric inputs",
"section_dir": "06-bindings",
"chapter_dir": "02-numeric-inputs"
},
{
"slug": "checkbox-inputs",
"title": "Checkbox inputs",
"section_dir": "06-bindings",
"chapter_dir": "03-checkbox-inputs"
},
{
"slug": "group-inputs",
"title": "Group inputs",
"section_dir": "06-bindings",
"chapter_dir": "04-group-inputs"
},
{
"slug": "textarea-inputs",
"title": "Textarea inputs",
"section_dir": "06-bindings",
"chapter_dir": "05-textarea-inputs"
},
{
"slug": "select-bindings",
"title": "Select bindings",
"section_dir": "06-bindings",
"chapter_dir": "06-select-bindings"
},
{
"slug": "multiple-select-bindings",
"title": "Select multiple",
"section_dir": "06-bindings",
"chapter_dir": "07-multiple-select-bindings"
},
{
"slug": "contenteditable-bindings",
"title": "Contenteditable bindings",
"section_dir": "06-bindings",
"chapter_dir": "08-contenteditable-bindings"
},
{
"slug": "each-block-bindings",
"title": "Each block bindings",
"section_dir": "06-bindings",
"chapter_dir": "09-each-block-bindings"
},
{
"slug": "media-elements",
"title": "Media elements",
"section_dir": "06-bindings",
"chapter_dir": "10-media-elements"
},
{
"slug": "dimensions",
"title": "Dimensions",
"section_dir": "06-bindings",
"chapter_dir": "11-dimensions"
},
{
"slug": "bind-this",
"title": "This",
"section_dir": "06-bindings",
"chapter_dir": "12-bind-this"
},
{
"slug": "component-bindings",
"title": "Component bindings",
"section_dir": "06-bindings",
"chapter_dir": "13-component-bindings"
}
]
},
{
"title": "Lifecycle",
"chapters": [
{
"slug": "onmount",
"title": "onMount",
"section_dir": "07-lifecycle",
"chapter_dir": "01-onmount"
},
{
"slug": "ondestroy",
"title": "onDestroy",
"section_dir": "07-lifecycle",
"chapter_dir": "02-ondestroy"
},
{
"slug": "update",
"title": "beforeUpdate and afterUpdate",
"section_dir": "07-lifecycle",
"chapter_dir": "03-update"
},
{
"slug": "tick",
"title": "tick",
"section_dir": "07-lifecycle",
"chapter_dir": "04-tick"
}
]
},
{
"title": "Stores",
"chapters": [
{
"slug": "writable-stores",
"title": "Writable stores",
"section_dir": "08-stores",
"chapter_dir": "01-writable-stores"
},
{
"slug": "auto-subscriptions",
"title": "Auto-subscriptions",
"section_dir": "08-stores",
"chapter_dir": "02-auto-subscriptions"
},
{
"slug": "readable-stores",
"title": "Readable stores",
"section_dir": "08-stores",
"chapter_dir": "03-readable-stores"
},
{
"slug": "derived-stores",
"title": "Derived stores",
"section_dir": "08-stores",
"chapter_dir": "04-derived-stores"
},
{
"slug": "custom-stores",
"title": "Custom stores",
"section_dir": "08-stores",
"chapter_dir": "05-custom-stores"
},
{
"slug": "store-bindings",
"title": "Store bindings",
"section_dir": "08-stores",
"chapter_dir": "06-store-bindings"
}
]
},
{
"title": "Motion",
"chapters": [
{
"slug": "tweened",
"title": "Tweened",
"section_dir": "09-motion",
"chapter_dir": "01-tweened"
},
{
"slug": "spring",
"title": "Spring",
"section_dir": "09-motion",
"chapter_dir": "02-spring"
}
]
},
{
"title": "Transitions",
"chapters": [
{
"slug": "transition",
"title": "The transition directive",
"section_dir": "10-transitions",
"chapter_dir": "01-transition"
},
{
"slug": "adding-parameters-to-transitions",
"title": "Adding parameters",
"section_dir": "10-transitions",
"chapter_dir": "02-adding-parameters-to-transitions"
},
{
"slug": "in-and-out",
"title": "In and out",
"section_dir": "10-transitions",
"chapter_dir": "03-in-and-out"
},
{
"slug": "custom-css-transitions",
"title": "Custom CSS transitions",
"section_dir": "10-transitions",
"chapter_dir": "04-custom-css-transitions"
},
{
"slug": "custom-js-transitions",
"title": "Custom JS transitions",
"section_dir": "10-transitions",
"chapter_dir": "05-custom-js-transitions"
},
{
"slug": "transition-events",
"title": "Transition events",
"section_dir": "10-transitions",
"chapter_dir": "06-transition-events"
},
{
"slug": "local-transitions",
"title": "Local transitions",
"section_dir": "10-transitions",
"chapter_dir": "07-local-transitions"
},
{
"slug": "deferred-transitions",
"title": "Deferred transitions",
"section_dir": "10-transitions",
"chapter_dir": "08-deferred-transitions"
}
]
},
{
"title": "Animations",
"chapters": [
{
"slug": "animate",
"title": "The animate directive",
"section_dir": "11-animations",
"chapter_dir": "01-animate"
}
]
},
{
"title": "Actions",
"chapters": [
{
"slug": "actions",
"title": "The use directive",
"section_dir": "12-actions",
"chapter_dir": "01-actions"
},
{
"slug": "adding-parameters-to-actions",
"title": "Adding parameters",
"section_dir": "12-actions",
"chapter_dir": "02-adding-parameters-to-actions"
}
]
},
{
"title": "Classes",
"chapters": [
{
"slug": "classes",
"title": "The class directive",
"section_dir": "13-classes",
"chapter_dir": "01-classes"
},
{
"slug": "class-shorthand",
"title": "Shorthand class directive",
"section_dir": "13-classes",
"chapter_dir": "02-class-shorthand"
}
]
},
{
"title": "Component composition",
"chapters": [
{
"slug": "slots",
"title": "Slots",
"section_dir": "14-composition",
"chapter_dir": "01-slots"
},
{
"slug": "slot-fallbacks",
"title": "Slot fallbacks",
"section_dir": "14-composition",
"chapter_dir": "02-slot-fallbacks"
},
{
"slug": "named-slots",
"title": "Named slots",
"section_dir": "14-composition",
"chapter_dir": "03-named-slots"
},
{
"slug": "slot-props",
"title": "Slot props",
"section_dir": "14-composition",
"chapter_dir": "04-slot-props"
}
]
},
{
"title": "Context API",
"chapters": [
{
"slug": "context-api",
"title": "setContext and getContext",
"section_dir": "15-context",
"chapter_dir": "01-context-api"
}
]
},
{
"title": "Special elements",
"chapters": [
{
"slug": "svelte-self",
"title": "<svelte:self>",
"section_dir": "16-special-elements",
"chapter_dir": "01-svelte-self"
},
{
"slug": "svelte-component",
"title": "<svelte:component>",
"section_dir": "16-special-elements",
"chapter_dir": "02-svelte-component"
},
{
"slug": "svelte-window",
"title": "<svelte:window>",
"section_dir": "16-special-elements",
"chapter_dir": "03-svelte-window"
},
{
"slug": "svelte-window-bindings",
"title": "<svelte:window> bindings",
"section_dir": "16-special-elements",
"chapter_dir": "04-svelte-window-bindings"
},
{
"slug": "svelte-body",
"title": "<svelte:body>",
"section_dir": "16-special-elements",
"chapter_dir": "05-svelte-body"
},
{
"slug": "svelte-head",
"title": "<svelte:head>",
"section_dir": "16-special-elements",
"chapter_dir": "06-svelte-head"
},
{
"slug": "svelte-options",
"title": "<svelte:options>",
"section_dir": "16-special-elements",
"chapter_dir": "07-svelte-options"
}
]
},
{
"title": "Module context",
"chapters": [
{
"slug": "sharing-code",
"title": "Sharing code",
"section_dir": "17-module-context",
"chapter_dir": "01-sharing-code"
},
{
"slug": "module-exports",
"title": "Exports",
"section_dir": "17-module-context",
"chapter_dir": "02-module-exports"
}
]
},
{
"title": "Debugging",
"chapters": [
{
"slug": "debug",
"title": "The @debug tag",
"section_dir": "18-debugging",
"chapter_dir": "01-debug"
}
]
},
{
"title": "Next steps",
"chapters": [
{
"slug": "congratulations",
"title": "Congratulations!",
"section_dir": "19-next-steps",
"chapter_dir": "01-congratulations"
}
]
}
]
[
{
"title": "Introduction",
"chapters": [
{
"slug": "basics",
"title": "Basics",
"section_dir": "01-introduction",
"chapter_dir": "01-basics"
},
{
"slug": "adding-data",
"title": "Adding data",
"section_dir": "01-introduction",
"chapter_dir": "02-adding-data"
},
{
"slug": "dynamic-attributes",
"title": "Dynamic attributes",
"section_dir": "01-introduction",
"chapter_dir": "03-dynamic-attributes"
},
{
"slug": "styling",
"title": "Styling",
"section_dir": "01-introduction",
"chapter_dir": "04-styling"
},
{
"slug": "nested-components",
"title": "Nested components",
"section_dir": "01-introduction",
"chapter_dir": "05-nested-components"
},
{
"slug": "html-tags",
"title": "HTML tags",
"section_dir": "01-introduction",
"chapter_dir": "06-html-tags"
},
{
"slug": "making-an-app",
"title": "Making an app",
"section_dir": "01-introduction",
"chapter_dir": "07-making-an-app"
}
]
},
{
"title": "Reactivity",
"chapters": [
{
"slug": "reactive-assignments",
"title": "Assignments",
"section_dir": "02-reactivity",
"chapter_dir": "01-reactive-assignments"
},
{
"slug": "reactive-declarations",
"title": "Declarations",
"section_dir": "02-reactivity",
"chapter_dir": "02-reactive-declarations"
},
{
"slug": "reactive-statements",
"title": "Statements",
"section_dir": "02-reactivity",
"chapter_dir": "03-reactive-statements"
},
{
"slug": "updating-arrays-and-objects",
"title": "Updating arrays and objects",
"section_dir": "02-reactivity",
"chapter_dir": "04-updating-arrays-and-objects"
}
]
},
{
"title": "Props",
"chapters": [
{
"slug": "declaring-props",
"title": "Declaring props",
"section_dir": "03-props",
"chapter_dir": "01-declaring-props"
},
{
"slug": "default-values",
"title": "Default values",
"section_dir": "03-props",
"chapter_dir": "02-default-values"
},
{
"slug": "spread-props",
"title": "Spread props",
"section_dir": "03-props",
"chapter_dir": "03-spread-props"
}
]
},
{
"title": "Logic",
"chapters": [
{
"slug": "if-blocks",
"title": "If blocks",
"section_dir": "04-logic",
"chapter_dir": "01-if-blocks"
},
{
"slug": "else-blocks",
"title": "Else blocks",
"section_dir": "04-logic",
"chapter_dir": "02-else-blocks"
},
{
"slug": "else-if-blocks",
"title": "Else-if blocks",
"section_dir": "04-logic",
"chapter_dir": "03-else-if-blocks"
},
{
"slug": "each-blocks",
"title": "Each blocks",
"section_dir": "04-logic",
"chapter_dir": "04-each-blocks"
},
{
"slug": "keyed-each-blocks",
"title": "Keyed each blocks",
"section_dir": "04-logic",
"chapter_dir": "05-keyed-each-blocks"
},
{
"slug": "await-blocks",
"title": "Await blocks",
"section_dir": "04-logic",
"chapter_dir": "06-await-blocks"
}
]
},
{
"title": "Events",
"chapters": [
{
"slug": "dom-events",
"title": "DOM events",
"section_dir": "05-events",
"chapter_dir": "01-dom-events"
},
{
"slug": "inline-handlers",
"title": "Inline handlers",
"section_dir": "05-events",
"chapter_dir": "02-inline-handlers"
},
{
"slug": "event-modifiers",
"title": "Event modifiers",
"section_dir": "05-events",
"chapter_dir": "03-event-modifiers"
},
{
"slug": "component-events",
"title": "Component events",
"section_dir": "05-events",
"chapter_dir": "04-component-events"
},
{
"slug": "event-forwarding",
"title": "Event forwarding",
"section_dir": "05-events",
"chapter_dir": "05-event-forwarding"
},
{
"slug": "dom-event-forwarding",
"title": "DOM event forwarding",
"section_dir": "05-events",
"chapter_dir": "06-dom-event-forwarding"
}
]
},
{
"title": "Bindings",
"chapters": [
{
"slug": "text-inputs",
"title": "Text inputs",
"section_dir": "06-bindings",
"chapter_dir": "01-text-inputs"
},
{
"slug": "numeric-inputs",
"title": "Numeric inputs",
"section_dir": "06-bindings",
"chapter_dir": "02-numeric-inputs"
},
{
"slug": "checkbox-inputs",
"title": "Checkbox inputs",
"section_dir": "06-bindings",
"chapter_dir": "03-checkbox-inputs"
},
{
"slug": "group-inputs",
"title": "Group inputs",
"section_dir": "06-bindings",
"chapter_dir": "04-group-inputs"
},
{
"slug": "textarea-inputs",
"title": "Textarea inputs",
"section_dir": "06-bindings",
"chapter_dir": "05-textarea-inputs"
},
{
"slug": "select-bindings",
"title": "Select bindings",
"section_dir": "06-bindings",
"chapter_dir": "06-select-bindings"
},
{
"slug": "multiple-select-bindings",
"title": "Select multiple",
"section_dir": "06-bindings",
"chapter_dir": "07-multiple-select-bindings"
},
{
"slug": "contenteditable-bindings",
"title": "Contenteditable bindings",
"section_dir": "06-bindings",
"chapter_dir": "08-contenteditable-bindings"
},
{
"slug": "each-block-bindings",
"title": "Each block bindings",
"section_dir": "06-bindings",
"chapter_dir": "09-each-block-bindings"
},
{
"slug": "media-elements",
"title": "Media elements",
"section_dir": "06-bindings",
"chapter_dir": "10-media-elements"
},
{
"slug": "dimensions",
"title": "Dimensions",
"section_dir": "06-bindings",
"chapter_dir": "11-dimensions"
},
{
"slug": "bind-this",
"title": "This",
"section_dir": "06-bindings",
"chapter_dir": "12-bind-this"
},
{
"slug": "component-bindings",
"title": "Component bindings",
"section_dir": "06-bindings",
"chapter_dir": "13-component-bindings"
}
]
},
{
"title": "Lifecycle",
"chapters": [
{
"slug": "onmount",
"title": "onMount",
"section_dir": "07-lifecycle",
"chapter_dir": "01-onmount"
},
{
"slug": "ondestroy",
"title": "onDestroy",
"section_dir": "07-lifecycle",
"chapter_dir": "02-ondestroy"
},
{
"slug": "update",
"title": "beforeUpdate and afterUpdate",
"section_dir": "07-lifecycle",
"chapter_dir": "03-update"
},
{
"slug": "tick",
"title": "tick",
"section_dir": "07-lifecycle",
"chapter_dir": "04-tick"
}
]
},
{
"title": "Stores",
"chapters": [
{
"slug": "writable-stores",
"title": "Writable stores",
"section_dir": "08-stores",
"chapter_dir": "01-writable-stores"
},
{
"slug": "auto-subscriptions",
"title": "Auto-subscriptions",
"section_dir": "08-stores",
"chapter_dir": "02-auto-subscriptions"
},
{
"slug": "readable-stores",
"title": "Readable stores",
"section_dir": "08-stores",
"chapter_dir": "03-readable-stores"
},
{
"slug": "derived-stores",
"title": "Derived stores",
"section_dir": "08-stores",
"chapter_dir": "04-derived-stores"
},
{
"slug": "custom-stores",
"title": "Custom stores",
"section_dir": "08-stores",
"chapter_dir": "05-custom-stores"
},
{
"slug": "store-bindings",
"title": "Store bindings",
"section_dir": "08-stores",
"chapter_dir": "06-store-bindings"
}
]
},
{
"title": "Motion",
"chapters": [
{
"slug": "tweened",
"title": "Tweened",
"section_dir": "09-motion",
"chapter_dir": "01-tweened"
},
{
"slug": "spring",
"title": "Spring",
"section_dir": "09-motion",
"chapter_dir": "02-spring"
}
]
},
{
"title": "Transitions",
"chapters": [
{
"slug": "transition",
"title": "The transition directive",
"section_dir": "10-transitions",
"chapter_dir": "01-transition"
},
{
"slug": "adding-parameters-to-transitions",
"title": "Adding parameters",
"section_dir": "10-transitions",
"chapter_dir": "02-adding-parameters-to-transitions"
},
{
"slug": "in-and-out",
"title": "In and out",
"section_dir": "10-transitions",
"chapter_dir": "03-in-and-out"
},
{
"slug": "custom-css-transitions",
"title": "Custom CSS transitions",
"section_dir": "10-transitions",
"chapter_dir": "04-custom-css-transitions"
},
{
"slug": "custom-js-transitions",
"title": "Custom JS transitions",
"section_dir": "10-transitions",
"chapter_dir": "05-custom-js-transitions"
},
{
"slug": "transition-events",
"title": "Transition events",
"section_dir": "10-transitions",
"chapter_dir": "06-transition-events"
},
{
"slug": "local-transitions",
"title": "Local transitions",
"section_dir": "10-transitions",
"chapter_dir": "07-local-transitions"
},
{
"slug": "deferred-transitions",
"title": "Deferred transitions",
"section_dir": "10-transitions",
"chapter_dir": "08-deferred-transitions"
}
]
},
{
"title": "Animations",
"chapters": [
{
"slug": "animate",
"title": "The animate directive",
"section_dir": "11-animations",
"chapter_dir": "01-animate"
}
]
},
{
"title": "Actions",
"chapters": [
{
"slug": "actions",
"title": "The use directive",
"section_dir": "12-actions",
"chapter_dir": "01-actions"
},
{
"slug": "adding-parameters-to-actions",
"title": "Adding parameters",
"section_dir": "12-actions",
"chapter_dir": "02-adding-parameters-to-actions"
}
]
},
{
"title": "Classes",
"chapters": [
{
"slug": "classes",
"title": "The class directive",
"section_dir": "13-classes",
"chapter_dir": "01-classes"
},
{
"slug": "class-shorthand",
"title": "Shorthand class directive",
"section_dir": "13-classes",
"chapter_dir": "02-class-shorthand"
}
]
},
{
"title": "Component composition",
"chapters": [
{
"slug": "slots",
"title": "Slots",
"section_dir": "14-composition",
"chapter_dir": "01-slots"
},
{
"slug": "slot-fallbacks",
"title": "Slot fallbacks",
"section_dir": "14-composition",
"chapter_dir": "02-slot-fallbacks"
},
{
"slug": "named-slots",
"title": "Named slots",
"section_dir": "14-composition",
"chapter_dir": "03-named-slots"
},
{
"slug": "slot-props",
"title": "Slot props",
"section_dir": "14-composition",
"chapter_dir": "04-slot-props"
}
]
},
{
"title": "Context API",
"chapters": [
{
"slug": "context-api",
"title": "setContext and getContext",
"section_dir": "15-context",
"chapter_dir": "01-context-api"
}
]
},
{
"title": "Special elements",
"chapters": [
{
"slug": "svelte-self",
"title": "<svelte:self>",
"section_dir": "16-special-elements",
"chapter_dir": "01-svelte-self"
},
{
"slug": "svelte-component",
"title": "<svelte:component>",
"section_dir": "16-special-elements",
"chapter_dir": "02-svelte-component"
},
{
"slug": "svelte-window",
"title": "<svelte:window>",
"section_dir": "16-special-elements",
"chapter_dir": "03-svelte-window"
},
{
"slug": "svelte-window-bindings",
"title": "<svelte:window> bindings",
"section_dir": "16-special-elements",
"chapter_dir": "04-svelte-window-bindings"
},
{
"slug": "svelte-body",
"title": "<svelte:body>",
"section_dir": "16-special-elements",
"chapter_dir": "05-svelte-body"
},
{
"slug": "svelte-head",
"title": "<svelte:head>",
"section_dir": "16-special-elements",
"chapter_dir": "06-svelte-head"
},
{
"slug": "svelte-options",
"title": "<svelte:options>",
"section_dir": "16-special-elements",
"chapter_dir": "07-svelte-options"
}
]
},
{
"title": "Module context",
"chapters": [
{
"slug": "sharing-code",
"title": "Sharing code",
"section_dir": "17-module-context",
"chapter_dir": "01-sharing-code"
},
{
"slug": "module-exports",
"title": "Exports",
"section_dir": "17-module-context",
"chapter_dir": "02-module-exports"
}
]
},
{
"title": "Debugging",
"chapters": [
{
"slug": "debug",
"title": "The @debug tag",
"section_dir": "18-debugging",
"chapter_dir": "01-debug"
}
]
},
{
"title": "Next steps",
"chapters": [
{
"slug": "congratulations",
"title": "Congratulations!",
"section_dir": "19-next-steps",
"chapter_dir": "01-congratulations"
}
]
}
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment