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:开发中重点关注的问题
- Introduction:介绍 Gem 能做什么,是如何做到的,具体长什么样子
- 响应式元素
- 全局状态管理
- 路由
- 样式化:共享样式、CSS-in-JS、外部自定义样式、自定义外部元素样式
advance:比较少碰到的问题
- SVG 图标
- GemElement 更多内容:ref,emitter,effect
- 主题
- 国际化
- 和 React/Vue 比较
- 能力
- 写法
- 性能
- IDE 支持
- 测试 // 单元测试/集成测试
- 调试
faq:gem 的问题
api
- gem-element
- store management
- history
- 内置自定义元素
- helper
- TS 装饰器
- utils
- 从 lit-html 导出的 API