---
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`，媒体与搜索等领域工作流使用 `@workspace/media` 或 `@workspace/search` 等专用包。