Svelte 3网页组件开发并强调响应性

现在网页应用程序要求美观功能多，因此像是应用React或是Angular这类网页开发框架，使用者动辄需要下载数MB的网页档案，而对于这种现况的反思，出现了编译时开发框架（Compile-Time Framework），Svelte就是其中一种，现在集结百位贡献者的心力释出第三版，这个版本重点放在响应式程序设计。简单来说，Svelte就跟React或Vue一样是一个组件框架，但最大的不同在于Svelte是一个编译时框架，在建置阶段会将组件转换成高效能的执行码以更新DOM，这跟传统框架，让开发者撰写宣告式状态驱动（State-Driven）程序代码不同，这样的作法把工作负担放在使用者端的浏览器上，浏览器必须进行额外的工作，把宣告式结构转成DOM操作，相较起来，Svelte可以用来打造更大型的高效能应用程序。

Svelte历经半年，集结百位开发人员的努力释出了Svelte 3，更新了许多语法及功能，官方提到，这个版本的主要概念就在响应性（Reactivity）。官方举例，在过去的Svelte，开发者可以透过呼叫this.set方法告诉计算机部分状态已经改变，像是const { count } = this.get(); this.set({ count: count + 1 });，在React以Hooks来完成同样的功能，官方提到，虽然用Hooks可以达到类似响应式的功能，但事实上React并非回应式的框架，有不少框架跟着开始提供类Hooks功能，但使用Hooks却会造成垃圾回收器额外的负担，对于嵌入式装置或是动画吃重的交互式操作，会有不良的影响。