---
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`。