# Dựng Screen Compose Từ State

> Route sở hữu wiring, content composable chỉ render state. Và vì sao không gắn Toast vào state?

- URL: https://dantech.academy/courses/kotlin-accelerator/engineer-builder/02-compose-ui-from-state/lesson-04-compose-screens-from-state
- Khóa học: [Mobile Action Pro](https://dantech.academy/courses/kotlin-accelerator.md)
- Module: Compose UI Theo State
- Thời lượng: 12 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-04-compose-screens-from-state.md

## Mục tiêu

- Tách route sở hữu wiring khỏi content composable chỉ render state
- Truyền state đi xuống và đưa user intent đi lên qua callback
- Phân biệt persistent state và one-time event qua hai đường collect riêng

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

1. Mục Tiêu Bài Học
2. Phần 1: Composable Chỉ Trả Lời "User Đang Thấy Gì?"
3. Phần 2: Route Sở Hữu Toàn Bộ Wiring
4. Phần 3: State Đi Xuống, Intent Đi Lên
5. Phần 4: Gom Screen Mode Về Một Chỗ Trong Composable
6. Phần 5: Bạn Vẫn Có Thể Tận Dụng State Cục Bộ
7. Phần 6: State Và One-Time Event Đi Hai Đường Khác Nhau
8. Code Reading Path
9. Bad Smells
10. Tham Khảo
11. Điều Cần 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: [Kiểm Soát Recomposition](https://dantech.academy/courses/kotlin-accelerator/engineer-builder/02-compose-ui-from-state/lesson-03-control-recomposition-with-stable-state.md)
- Bài tiếp theo: [Tái Sử Dụng Theme, UI Components](https://dantech.academy/courses/kotlin-accelerator/engineer-builder/02-compose-ui-from-state/lesson-05-reuse-theme-and-ui-components.md)