"The Hybird of Wind and Rain" (2) stencil--Everything is a component, independent of the framework

Stencil--a Compiler for Web parts, someone may have heard of this framework, but I think most people haven't noticed it yet.

Stencil is not a new thing, come out almost 10 months, it means "template", is a Web Component compiler, it uses a small virtual DOM layer, efficient one-way data binding, asynchronous rendering pipeline (similar to react Fiber) and out-of-the-box lazy loading, and generate 100% of standards-based Web Components. The official description features are:

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

Fragmentation of various frameworks has created a web development interoperability nightmare, and components built for one framework do not apply to another framework. The stencil build Web Component provides a solution to both issues, pushing more work to the browser for better performance, and a standards-based component model that can be used by all frameworks.

It sounds a bit professional, and that's a straightforward argument: because it implements framework-independent based on standard Web Components. The components generated by it can be used directly to angular, Vue, React, jquery, or simply without any framework. Further, there is no need to specifically target a certain type of front-end framework package components, a direct set of generic.

Stencil also enables a number of key features on top of Web Components, especially server-side rendering (SSR) without having to run a headless browser, pre-render, and object as attributes.

More details yourself go to "stencil official website" to know about it.