svelte-society / this-week-in-svelte

Collection of demos for This Week In Svelte

This Week in Svelte

Live website: https://this-week-in-svelte.netlify.app/

This repository is a collection of demos made for the "This Week in Svelte" livestream.

• Join the Svelte Discord.
• Watch "This Week in Svelte" on YouTube

Tools and features showcased in this repository:

• Svelte
  • Underlined links
  • Static image loading and importing
• SvelteKit
  • Streaming with promises
  • Form Actions with dynamic inputs
  • Error handling
• Vitest
  • Testing library
  • Snapshot tests
• Playwright
  • Full page accessibility testing

Other examples:

• Static blog with live data
• Web Components made in Svelte

REPL links:

• Cross-component communication and focus management
• Svelte@3.58.0 container queries
• Prefers-reduced-motion
• Accessible button considerations
• Toggle problem - with setContext and stores
• Toggle problem - with context=module
• Forwarding events
• Reactive deep object binding
• Skip links
• Navigation demo
• Markdown with mdsvex
• No layout shift progressive enhancement Tabs
• "NoSSR component" by Paolo
• "Toggle Switch" by Enrico
• "Enhanced search" by Enrico
• "Bound functions" by Enrico