I Svelte That 🚀

A cool, modern book for learning Svelte—the framework that disappears.

About This Book

"I Svelte That" teaches Svelte through engaging examples, clever chapter titles, and practical projects that are actually fun to build. No todo apps. No corporate speak. Just pure, unadulterated web development that makes you excited to code.

Table of Contents

1. The Framework That Svelte Away - Introduction to Svelte's philosophy
2. React? I Svelte That - Reactive declarations and the magic of $:
3. Component and Conquer - Building composable components
4. Props to You - Props, state, and data flow
5. Store Wars - Global state management without the pain
6. Smooth Operator - Transitions and animations that delight
7. Action Packed - Direct DOM manipulation with actions
8. Slot Machine - Content projection and component composition
9. Context is King - Sharing data across component trees
10. Kit and Caboodle - Full-stack development with SvelteKit
11. Pattern Recognition - Advanced patterns for production apps
12. That's a Wrap - Where to go from here

What Makes This Book Different

• Cool Examples: Build beat counters, arcade game UIs, music players, and gesture controls
• No Fluff: Every line teaches something valuable
• Modern Approach: Written for the way we build web apps today
• Practical Focus: Learn by building things you'll actually use

Who This Book Is For

If you've ever:

• Gotten lost in a webpack config
• Written this.setState() and died a little inside
• Wondered why "Hello World" needs 200KB of JavaScript
• Actually enjoyed writing code

Then this book is for you.

Reading the Book

Each chapter is a standalone markdown file. Start with 00-introduction.md and work your way through. Type the code examples—muscle memory matters.

Colophon

The Creation Process

This book was written in a single, inspired session on January 11, 2025, through a unique collaboration between a human and Claude (Anthropic's AI assistant). The process was refreshingly straightforward:

The Brief: "Write markdown, one file per chapter in a cool new book where you're the author! The book is called I Svelte That, and it needs to teach Svelte in a clever way. Svelte is cool, and reading the book should feel cool, too. Examples should be cool. Take your time, we're not in a hurry."

The Approach: Rather than following a traditional technical writing template, we embraced creativity:

• Every chapter title is a pun (and we're not sorry)
• Examples avoid the overdone "todo app" trope in favor of music players, arcade games, and beat counters
• The tone stays conversational and engaging throughout
• Complex concepts are explained through practical, interesting projects

The Execution: Claude wrote all 12 chapters in sequence, maintaining consistent voice and progressive complexity. Each chapter builds on previous concepts while introducing new ideas through hands-on examples.

Technical Details

• Format: Markdown files for easy reading and version control
• Code Examples: Svelte single-file components with inline styles
• Philosophy: "Write less, do more" - embodying Svelte's own principles
• Length: ~3,000-4,000 words per chapter
• Total Writing Time: One continuous session

The Meta Layer

There's something poetic about an AI writing a book about Svelte—a framework that compiles away to nothing, leaving only the essential JavaScript. Similarly, this collaboration strips away the traditional publishing process, leaving only the essential knowledge transfer from concept to reader.

The book itself follows Svelte's philosophy: no unnecessary complexity, no bloat, just clean, effective teaching that gets out of the way and lets you learn.

Acknowledgments

• Rich Harris and the Svelte team for creating a framework that's actually fun to use
• The Svelte Community for being welcoming and helpful
• You, the reader for choosing to learn Svelte the cool way

License

This work is released under the Creative Commons CC0 1.0 Universal license. Use it, share it, remix it—make it yours.

Version

Version 1.0.0 - January 11, 2025

Written with ❤️ and compiled with speed

#ISvelteThat