gem docs

帮助新用户了解 gem 的功能,看完 docs 能写 webapp

try: codesandbox
search: google search / docsearch

example:
  • 渲染
  • 表单

slogan: 使用自定义元素构建高性能 WebApp

features:
  • 基于自定义元素
  • 声明式模版
  • 观察模式

blog: 使用 Gem 开发 WebApp 的一些实践
  • 拥抱 ES 装饰器
  • 优化路由切换
  • 为 WebApp 添加手势支持 // 选择 pointer event,capture,touch-action,事件识别,使用 gem-gesture
  • 创建标准可靠的元素 // API, CSS(layout, nesting), 可访问性
  • 创建受控元素
  • 基于 gem-boilerplate 搭建前端项目
  • gem 的演进

basic:开发中重点关注的问题
  1. Introduction:介绍 Gem 能做什么,是如何做到的,具体长什么样子
  2. 响应式元素
  3. 全局状态管理
  4. 路由
  5. 样式化:共享样式、CSS-in-JS、外部自定义样式、自定义外部元素样式

advance:比较少碰到的问题
  1. SVG 图标
  2. GemElement 更多内容:ref,emitter,effect
  3. 主题
  4. 国际化
  5. 和 React/Vue 比较
    1. 能力
    2. 写法
    3. 性能
  6. IDE 支持
  7. 测试 // 单元测试/集成测试
  8. 调试

faq:gem 的问题

api
  1. gem-element
  2. store management
  3. history
  4. 内置自定义元素
  5. helper
  6. TS 装饰器
  7. utils
  8. 从 lit-html 导出的 API