[Video Summary] Ch. 4.6 Code Modularity w/Extracted Views, and Extensions w/Computed Properties (Dungeon Dice app)
Mô tả nhanh
Video này trình bày về cách refactor và tổ chức code trong ứng dụng Dungeon Dice bằng cách tách view, sử dụng extension với computed properties. Mục tiêu là làm cho code dễ đọc, bảo trì và quản lý hơn.
Video
Mô tả chi tiết
Video này hướng dẫn về cách refactor và tổ chức code trong ứng dụng Dungeon Dice. Bắt đầu bằng việc chỉnh sửa để hàm arrangeGridItems chỉ nhận deviceWidth thay vì cả geometry proxy. Sau đó, video chuyển sang các kỹ thuật làm code dễ đọc hơn.
- Tách View:
- Tách
title ViewtừcontentViewra một file riêng. - Đổi tên
extractedViewthànhtitleView. - Di chuyển
titleViewsang fileTitleView.swift. - Chỉnh sửa
preview providerđể padding chỉ áp dụng cho preview, không làm thay đổi view chính. - Sử dụng
.lineLimitvà.minimumScaleFactorđể đảm bảo title hiển thị trên một dòng.
- Tách
- Sử dụng Extension và Computed Properties:
- Tạo một
extensionchocontentView. - Tạo computed property
titleViewtrongextensionđể chứa code cho title text view. - Tạo computed property
resultMessageViewtrongextensionđể chứa code cho message text view. - Sử dụng từ khóa
privateđể giới hạn phạm vi sử dụng của các computed properties. - Giải thích rõ về cú pháp, cách sử dụng của
computed propertyvàextension. - Áp dụng các kiến thức đã học để tách view
result message.
- Tạo một
Video kết thúc bằng việc giới thiệu bài học tiếp theo sẽ tập trung vào việc tách layout button, và thảo luận về việc khi nào nên dùng `view` thay vì `computed property`, đồng thời giải quyết các vấn đề với `geometry reader` thông qua `preference keys` và `bindings`.
Chúc bạn học tập hiệu quả!