# Tái Sử Dụng Theme, UI Components

> Build UI mà không phá consistency, rồi tự nâng cấp, cập nhật token toàn app.

- URL: https://dantech.academy/courses/kotlin-accelerator/engineer-builder/02-compose-ui-from-state/lesson-05-reuse-theme-and-ui-components
- Khóa học: [Mobile Action Pro](https://dantech.academy/courses/kotlin-accelerator.md)
- Module: Compose UI Theo State
- Thời lượng: 10 phút
- Độ khó: beginner
- Truy cập: Dành cho học viên
- English: https://dantech.academy/en/courses/kotlin-accelerator/engineer-builder/02-compose-ui-from-state/lesson-05-reuse-theme-and-ui-components.md

## Mục tiêu

- Đặt mỗi thay đổi visual vào feature-local Composable, reusable component hoặc theme token
- Chỉ extract shared component khi caller thứ hai chứng minh contract ổn định

## Nội dung bài học

1. Mục Tiêu Bài Học
2. Phần 1: Không Nên Tái Sử Dụng 100%
3. Phần 2: Đọc Một Composable Qua Ba Tầng
4. Phần 3: Theme Tokens Thực Sự Làm Gì
5. Phần 4: Quy Tắc Extract Nhẹ
6. Phần 5: Drill Đổi Một Token Rồi Hardcode Nó
7. Lộ Trình Đọc Code
8. Bad Smells
9. Điểm Chính

## Học cùng AI agent

Toàn bộ bài học dành cho học viên của khóa. Học viên mở bài trên web và bấm nút **Markdown** để copy toàn bài, rồi dán vào Claude, ChatGPT, Cursor hoặc agent bạn đang dùng. Nhanh hơn: tạo token ở `/profile/ai-agents` và agent đọc bài trực tiếp qua MCP.

- [Đăng ký khóa học](https://dantech.academy/kotlin-accelerator/checkout)

---

- Bài trước: [Dựng Screen Compose Từ State](https://dantech.academy/courses/kotlin-accelerator/engineer-builder/02-compose-ui-from-state/lesson-04-compose-screens-from-state.md)
- Bài tiếp theo: [Compose Multiplatform Resources Và Đa Ngôn Ngữ](https://dantech.academy/courses/kotlin-accelerator/engineer-builder/02-compose-ui-from-state/lesson-06-compose-multiplatform-resources-i18n.md)