Svelte by Example
Svelte is a frontend framework & compiler
to generate minimal, optimized JavaScript code for web applications.
SvelteKit is a meta-framework to build
full-stack web applications with Svelte.
Svelte by Example is a succinct, gentle introduction to Svelte & SvelteKit to pique your curiosity. If you want to dive deeper, we recommend reading through the Svelte tutorial & docs.
- Hello World
- Data
- Components & Props
- Loops & Conditionals
- Events
- State
- Reactive Statements
- Styling
- Styles & CSS
- CSS Custom Properties
- Class & Style Directives
- Advanced
- Lifecycle Functions
- Slots
- Context
- Actions
- Special Elements
- TypeScript
- Stores
- Writable Stores
- Custom Stores
- Derived Stores
- Readable Stores
- SvelteKit
- Filesystem & Routing
- Pages & Links
- Page Scripts
- Server Scripts
- Layouts
- Form Actions