Stencil.js

编程之家收集整理的这个编程导航主要介绍了Stencil.js编程之家,现在分享给大家,也给大家做个参考。

Stencil.js

Stencil.js 介绍

Stencil 是一个简单的 Web 组件编译器。它结合了流行框架的设计理念,通过使用 Type、jsX、虚拟 DOM,reactive 数据绑定和异步渲染(类似于 react Fiber)来生成 Web 组件。 

Stencil.js例子:

import { Component,Prop,State } from '@stencil/core';

@Component({

tag: 'my-component',

styleUrl: 'my-component.scss'

})

export class MyComponent {

// Indicate that name should be a property on our new component

@Prop() first: string;

@Prop() last: string;

@State() isVisible: boolean = true;

render() {

return (

<p>

Hello,my name is {this.first} {this.last}

</p>

);

}

}

网站地址:https://stenciljs.com/

GitHub:https://github.com/ionic-team/stencil

网站描述:一个简单的 Web 组件编译器

Stencil.js官方网站

官方网站:https://stenciljs.com/

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

相关文章

johnny-five,Bocoup 的 JavaScript 机器和物联网编程框架
WePY,一款让小程序支持组件化开发的框架
Deep playground,神经网络的交互式可视化,使用d3.js和TypeS...
ShareDB,用于并发编辑系统的前端数据库
RxJS,RxJS 是使用 Observables 的响应式编程的库
egg-react-ssr,最小而美的Egg + React + SSR 服务端渲染应用...