Skip to content

πŸŽ“ Learning SvelteKit Checklist

Nguyen Dang Khoa edited this page May 4, 2023 · 2 revisions

Checklist

Learn Svelte here: https://learn.svelte.dev/tutorial

Part 1: Basic Svelte

  • βœ… Introduction
  • βœ… Reactivity
    • Updating arrays and objects
  • βœ… Props
    • remember spread props
  • βœ… Logic
    • keyed each and await
  • Events
    • inline handlers is bad, don't use
    • Component events -> can't understand
  • Bindings
  • Lifecycle
  • Stores

Part 2: Advanced Svelte

  • Motion
  • Transitions
  • Animations
  • Actions
  • Advanced bindings
  • Classes and styles
  • Component composition
  • Context API
  • Special elements
  • Module context
  • Miscellaneous
  • βœ… Next steps

Part 3: Basic SvelteKit

  • βœ… Introduction
  • Routing
  • Loading data
  • Headers and cookies
  • Shared modules
  • Forms
  • API routes
  • Stores
  • βœ… Errors and redirects

Part 4: Advanced SvelteKit

  • Hooks
  • βœ… Page options
  • βœ… Link options
    • data-sveltekit-preload-data
    • data-sveltekit-reload
  • Advanced routing
  • Advanced loading
  • Environment variables
  • βœ… Conclusion

TLDR

Easy to learn but some concepts might me difficult to understand.