25 lines
861 B
Plaintext
25 lines
861 B
Plaintext
|
---
|
||
|
|
title: 概览
|
||
|
|
description: 了解 UI 包的定位，以及显式入口如何支持组件组合。
|
||
|
|
order: 1
|
||
|
|
toc:
|
||
|
|
- id: package-role
|
||
|
|
title: 包的职责
|
||
|
|
- id: tutorial-map
|
||
|
|
title: 教程路线
|
||
|
|
- id: ui-or-blocks
|
||
|
|
title: UI 还是 Blocks
|
||
|
|
---
|
||
|
|
|
||
|
|
## 包的职责 {#package-role}
|
||
|
|
|
||
|
|
`@workspace/ui` 包含可复用的 React 基础组件、复合控件、Hooks、图标、样式和本地化词典。它是应用与上层功能包共享的视觉基础。
|
||
|
|
|
||
|
|
## 教程路线 {#tutorial-map}
|
||
|
|
|
||
|
|
本教程会安装样式、介绍组件子路径、通过组合构建一个小型表单、添加响应式行为，并接入本地化词典。
|
||
|
|
|
||
|
|
## UI 还是 Blocks {#ui-or-blocks}
|
||
|
|
|
||
|
|
当应用自己拥有业务流程时使用 UI 组件。当界面还需要导航、媒体存储、搜索适配器或通知查询等完整功能契约时，使用 `@workspace/blocks`。
|