【风雨欲来的Hybird】（2）Stencil——万物皆组件，与框架无关

Stencil——A Compiler for Web Components，可能有人听说过这个框架，但我想大部分人还没注意到它。

Stencil也不是一个新东西，出来快有10个月了，它中文意思是“模版”，是一个Web组件的编译器，它采用微小的虚拟DOM层、有效的单向数据绑定、异步渲染管道（类似于React Fiber）和开箱即用的延迟加载，并生成100％基于标准的Web组件。官方描述特征是：

. Virtual DOM
. Async rendering (inspired by React Fiber)
. Reactive data-binding
. TypeScript
. JSX

各种框架的碎片化已经创建了一个Web开发互操作性梦魇，为一个框架构建的组件不适用于另一个框架。 Stencil构建Web组件为这两个问题提供了解决方案，将更多工作推向浏览器以获得更好的性能，并针对所有框架可以使用的基于标准的组件模型。

听上去有点专业，那换成直白的说法就是：因为基于标准Web组件，它实现了框架无关。以它来生成的组件，你可以直接拿给Angular、Vue、React、JQuery或者干脆不用任何框架来开发使用。进一步说的话，以后不用专门针对某种前端框架封装组件，直接一套通用。

Stencil还在Web组件之上启用了许多关键功能，特别是无需运行无头浏览器、预渲染和把对象作为属性，就能实现服务器端呈现（SSR）。

更多细节自己上去【Stencil官网】了解一下吧.