Svelte

1. Svelte files and components

   Component structure with script, markup and style, module scripts, and .svelte.js reactive modules.

2. Runes and $state

   What runes are, deep reactive state, $state.raw, classes with state, and sharing state across modules.

3. $derived

   Derived values, $derived.by, dependencies, and overriding derived state.

4. $effect

   Side effects, effect dependencies, teardown, $effect.pre, $effect.root, and when not to use effects.

5. $props and $bindable

   Declaring component props, defaults, rest props, and two-way binding with $bindable.

6. Template markup and logic blocks

   Basic markup, event attributes, {#if}, {#each} with keys, {#key} and {#await} blocks.

7. Snippets and @render

   Reusable markup with snippets, passing snippets as props, and replacing slots.

8. Bindings and actions

   bind: directives, use: actions, @attach attachments, and element bindings.

9. Transitions and animations

   transition:, in: and out:, animate: and the svelte/transition and svelte/motion modules.

10. Styling

    Scoped styles, :global, style: and class directives, and CSS custom properties.

11. Special elements and error boundaries

    svelte:boundary for error and pending handling, svelte:window, svelte:document, svelte:head and svelte:element.

12. Stores and context

    Writable and readable stores, store auto-subscription, and the context API.

13. Lifecycle hooks

    onMount, onDestroy, tick, and when component code runs.

14. Imperative API and custom elements

    mount, unmount, hydrate, render on the server, and compiling to custom elements.

15. TypeScript and testing

    Typing components and props, and testing with Vitest and component testing libraries.

Each section links to the official page. Titles and summaries by Extra Credit; the docs belong to their authors.

Source: endoflife.date

• Spring
• SQLAlchemy
• Starlette
• Storybook
• Streamlit
• styled-components
• Symfony
• Tailwind CSS
• TanStack Query
• Tauri
• Three.js
• Tokio