Brick Next
一个基于 Web Components 的低代码引擎库
Storyboard.yaml
brick: sl-card
children:
- brick: strong
slot: header
properties:
textContent: My Todos
- brick: sl-checkbox
properties:
textContent: Hard work
通过定义由多个构件（bricks）组成的 storyboards 来构建用户界面。构件就是 Web Components，像搭乐高一样将构件组合成页面和应用。
创建可交互的用户界面
除了通过构件及其属性来描述 UI，还可以定义动作以响应用户交互触发的事件，并通过简单的 JavaScript 表达式管理页面状态。
Contexts 是全局的状态，被页面上的所有构件共享。Brick Next 中的典型数据流：属性 → UI → 事件 → 动作 → 状态 → 属性。
连接到后端服务
您可以很容易地将页面状态数据与后端 API 绑定。
Context 可以初始化为一个静态值，或者来自后端服务返回。
将 UI 分解为层次化的构件树
适时拆分 UI，您可以创建模板来封装 UI 的各个部分，并像其它构件一样复用这些模板。
使用可视化 IDE 赋能
更好的是，在可视化 IDE 中构建您的应用 storyboards，即使只有很少的编程经验。
