Web components + MobX 手写组件引擎

By 石垚

議題

Web components + MobX 手写组件引擎

TR412-2 [[ new Date( '2024-08-03 05:00:00+00:00' ).toLocaleDateString('ja', {year: 'numeric', month: '2-digit', day: '2-digit'}) ]] [[ new Date( '2024-08-03 05:00:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] ~ [[ new Date( '2024-08-03 05:30:00+00:00' ).toLocaleTimeString('zh-Hant', {hour12: false, hour: '2-digit', minute:'2-digit'}) ]] 中文 Chinese
加入行事曆 加入關注 加入關注 已關注

带大家领略用 ECMAScript 装饰器语法 + Web components API 实现 WebCell 3.0 轻量 Web 组件引擎的过程。

本演讲是 COSCUP 2019 上 WebCell 1.0 演讲的返场之作:https://coscup.org/2019/programs/b6545d0f-42de-4b72-83c0-35bf8fba92be

内容概要: 1. Web components 标准写法及其工程不便之处 2. 基于 ECMAScript 6 class & module 的组件模块化 3. 基于 ECMAScript 5 getter & setter 的视图重绘 4. 基于 ECMAScript decorator 的通用 class 状态管理 5. 用支持 Web components class 的虚拟 DOM 渲染器驱动 JSX

演示文稿:https://idea2app.feishu.cn/docx/AgF5dOXapop9iHxKgQUckyRNnrd

講者

石垚

石垚

水歌,idea2app 公司(https://idea2app.cn/ )创始人,Web/JavaScript 全栈开发者、WebCell 前端开源框架(https://web-cell.dev/ )作者,现任freeCodeCamp 成都社区主理人、开源社理事、微软 MVP,致力于在开放生态中为社会创造价值。

Kaiyuanshe - Session Track 中國開源社跨境軌 YTXJ9G general (30mins)