Svelte 和 Sapper 实战

引言

由 Mark Volkmann 所著的《Svelte 和 Sapper 实战》（英文原名 Svelte and Sapper in Action）于 2020 年出版，并迅速引起了 Web 开发社区的关注。这是首批全面介绍两种相互关联技术的印刷版指南之一：Svelte 框架及其用于服务端渲染的元框架 Sapper（现称为 SvelteKit）。本书共 568 页，面向已熟悉 JavaScript (Node.js) 的开发者。

Mark Volkmann 是一位经验丰富的软件工程师和技术作家，任职于 Object Computing, Inc.。他以其关于 Web 技术的深度文章而闻名，并且是 Svelte 社区的活跃成员。在这本书中，他设定了一个雄心勃勃的目标：不仅仅是教授语法，而是传达 Svelte 所秉持的无虚拟 DOM 的响应式编程哲学。

本书内容

本书分为四个逻辑部分，每部分都专注于开发的特定方面。

第一部分：Svelte 入门

前几章介绍基础知识：安装、创建第一个组件、使用响应式声明、条件渲染、循环、事件和绑定。作者详细解释了 Svelte 与 React、Vue 或 Angular 的不同之处——它不使用虚拟 DOM，而是在构建阶段将组件编译成高效的命令式代码。这使得应用程序运行更快、体积更小。

第二部分：Svelte 高级概念

这部分涵盖了 store、上下文、插槽、事件修饰符、动画和过渡。特别关注响应式：Svelte 如何跟踪依赖关系并仅在必要时更新 DOM。还讨论了测试和调试问题。

第三部分：Sapper——服务端渲染和路由

Sapper（SvelteKit 的前身）为 Svelte 增加了服务端渲染 (SSR)、静态生成 (SSG) 和基于文件的路由功能。作者展示了如何创建具有数据预加载的多页面应用、如何使用 API 端点以及如何组织代码以实现最佳性能。

第四部分：部署和实际项目

最后一部分专注于实践方面：构建配置、在各种平台（Vercel、Netlify、Now）上部署、与数据库集成以及创建一个完整的示例应用（例如博客或在线商店）。

目标读者

本书面向中高级开发者，他们应具备 JavaScript 经验并至少熟悉一个现代框架（React、Vue、Angular）。对于 Web 开发新手来说会比较困难：作者假定读者了解 ES6+、模块系统、Promise 和异步编程。然而，如果你能熟练使用 JavaScript，那么这本书将成为你进入 Svelte 世界的绝佳跳板。

读者将学到什么

• Svelte 语法基础：响应式声明、条件结构、循环、事件。
• 使用 store 管理全局状态。
• 使用 Svelte 内置工具创建动画和过渡。
• 使用 Sapper 进行服务端渲染和静态生成的原理。
• 基于文件的路由、数据预加载和 API 端点。
• 性能优化：Svelte 如何编译代码以及为何能带来速度提升。
• 在流行的托管平台上部署已完成的应用。
• 与外部库和 API 集成。
• 使用 Jest 和 Cypress 进行组件测试。
• 可扩展 Svelte 应用的设计模式。

本书优点

1. 深度与结构。 本书不仅仅是罗列 API，而是解释 Svelte 为何如此设计。作者经常与其他框架的方法进行比较，这有助于