Review

[Rich-Harris]

Have decided I need to do a proper review of what work is outstanding with the existing tutorial chapters before writing new ones, and collecting notes here makes most sense. Will add new details to this post as I review individual exercises. A checked box indicates that the exercise is in good shape.

This probably covers #281, #282 and #283

---

Welcome to Svelte

Advanced Svelte

Introduction to SvelteKit

Concepts

There's waaaay too much throat-clearing here, and the transition from the previous exercise is awkward

• What is SvelteKit?
• Project structure
• Server and client

Routing

• Pages
• Layouts
• Route parameters

Loading data

• Page data
• Layout data

Forms

• The <form> element
• Named form actions
• Validation
• Progressive enhancement — uses actions and transitions, which we haven't covered yet
• Customizing use:enhance

API routes

• GET handlers
• POST, PUT, PATCH, DELETE

Errors and redirects

• Basics
• Error pages
• Fallback errors
• Redirects

Page options

• Basics — would be nice if this and the 'prerender' page had more than just an <h1>
• ssr — this doesn't fail if you navigate from the previous page, because no SSR happens (though if it did, then the failure would be confusing)
• csr
• prerender
• trailingSlash

Advanced SvelteKit

Hooks

• handle
• handleFetch
• handleError
• sequence

Stores

• page
• navigating
• updated

Advanced routing

• Optional parameters
• Rest parameters
• Param matchers
• Route groups
• Breaking out of layouts

Advanced loading

• Universal load functions
• Using parent data
• Using both load functions
• Invalidation
• Custom dependencies
• invalidateAll

Environment variables

• $env/static/private
• $env/dynamic/private
• $env/static/public
• $env/dynamic/public

[Rich-Harris]

Referring to advance Svelte topics in the Introduction to SvelteKit exercises is all but unavoidable. I think we might want to reorder things:

1. Introduction to Svelte
2. Advanced Svelte
3. Introduction to SvelteKit
4. Advanced SvelteKit

[Rich-Harris]

Missing exercises (some of these aren't all that important, just listing for completeness sake):

Svelte

Important

• style:foo, --style

Not important

• @const
• hasContext and getAllContexts
• readonly

SvelteKit

Important

• $lib
• $types
• event.fetch
• event.locals
• setting headers and cookies — needs to go before form stuff
• link options
• asset handling
• snapshots
• $app/navigation (particularly goto, beforeUpdate and afterUpdate), $app/environment, etc
• $service-worker

Important but not yet possible

• streaming with promises — not currently possible Streaming #352

Not important

• Web standards
• State management
• encoded characters in routes