SwiftUI – Phần 7 : State & Data Flow

Chào mừng bạn đến với Fx Studio và series SwiftUI Notes. Chúng ta đã cùng nhau đi được một chặn đường khá dài trong vũ trụ SwiftUI rồi. Phần mới này là phần 7 của toàn series, tập trung vào chủ đề State & Data Flow. Với dữ liệu, nó luôn là vấn đề đau đầu. Hiểu về bản chất & cách vận hành của dữ liệu, thi bạn đã nắm được linh hồn của SwiftUI rồi.

Nào, bây giờ thì …

Bắt đầu thôi!

1. Giới thiệu

1.1. Chuẩn bị

Dành cho các bạn chưa đọc 6 phần của series SwiftUI Notes này, thì có thể truy cập ở link sau đây:

1. 1. Làm quen với SwiftUI
   2. Cơ bản về ứng dụng SwiftUI App
   3. Tích hợp SwiftUI và UIKit
   4. Apple Ecosystem
   5. Multiplatform App
   6. Basic UI Controls

Về mặt chuẩn bị, chúng ta sẽ vẫn là những yêu cầu cơ bản từ phần một. Nếu như bạn có thể cập nhật tất cả lên version mới nhất thì càng tốt. Còn sau đây là cấu hình đề xuất cho bạn:

• • Xcode 12
  • Swift 5.3
  • SwiftUI 2.0

Về mặt kiến thức, bạn chỉ cần nắm được cơ bản về ngôn ngữ lập trình Swift là ổn rồi. Nếu bạn đã biết thêm cơ bản về lập trình iOS thì sẽ có lợi thế hơn nữa. Bạn có thể đọc các bài viết đó ở link sau:

• • Basic Swift trong 10 phút
  • Lập trình iOS cho mọi người
  • Property Wrapper

1.2. State & Data Flow

Câu chuyện State & Data Flow trong SwiftUI đều xoay quanh khái niệm của “The single source of truth” mà thôi. Nó thể hiện được bản chất dữ liệu trong Declarative Programming của các ứng dụng SwiftUI.

Bạn sẽ khám phá được các các kiểu dữ liệu khác nhau (tham trị & tham chiếu) sẽ hoạt động như thế nào. Cách nó tác động tới giao diện. Giúp cho giao diện trở thành một function, phản ứng theo sự biến đổi về mặt giá trị của dữ liệu. Giúp cho sự tiếp cận về mặt phát triển ứng dụng một cách đơn giản và dễ hiểu hơn.

Bạn sẽ tiếp tục khám phá tiếp về cách ràng buộc giữa các dữ liệu, các SwiftUI View, các đối tượng … với nhau. Cách bạn có thể đảm bảo về mặt thiết kế các class/struct/enum đảm bảo với Declaring Data, nhưng không thay đổi toàn bộ thiết kế trước đây.

Bên cạnh đó, bạn sẽ còn học được cách cấu hình các SwiftUI View phản ứng lại với các giá trị khác nhau của môi trường. Cách chia sẽ dữ liệu toàn bộ ứng dụng bằng các đối tượng biến môi trường.

Cuối cùng, bạn sẽ có được vô số các Property Wrappers. Đó chính là tools mà SwiftUI cung cấp cho bạn trong việc thiết kế và quản lý State & Data trong ứng dụng.

2. Danh sách

Các bài viết trong phần State & Data Flow này được trình bày riêng lẻ. Các demo một phần sẽ sử dụng lại cho nhiều bài viết. Bạn có thể viết một project mới và lên ý tưởng thiết kế ban đầu thì rất là hay. Hoặc có thể bạn checkout project tại đây để tham khảo.

Danh sách như sau:

1. 1. Tổng quan về State & Data Flow
   2. State & User Interface State
   3. The single source of truth
   4. Observation
   5. Sharing in the Environment
   6. Storing Data

Ngoài các kiến thức về State & Data Flow. Các bài viết còn cung cấp thêm cho bạn về Storing Data, Custom Environment Key, ObservableObject … Và rất nhiều các Property Wrappers hữu ích cho bạn sử dụng. Phần này cũng được xem là kết thúc về các kiến thức cơ bản và tạo nền tảng cho cách phần phức tạp ở phía sau.

Lưu ý

Công nghệ mỗi ngày là một thay đổi và bạn phải dành ra nhiều thời gian để cập nhất nó hằng ngày. Do đó, các bài viết sẽ mang tính chất giới thiệu và ở mức độ cơ bản mà thôi. Và cho đúng thời điểm hiện tại với SwiftUI 3.0. Có thể trong quá trình nghiên cứu thêm, mình sẽ bổ sung thêm các phần lý thuyết cho chương này của series.

3. Thông tin và trạng thái

3.1. Thông tin

• • Website: Fx Studio
  • Link seri: https://fxstudio.dev/tag/swiftui-notes/
  • Github: https://github.com/fx-studio/swiftui-notes
  • Trạng thái: đang cập nhật

Nếu bạn có đóng góp hay nhận xét về series này, cách viết bài, cũng như nội dung truyền tải. Thì mình rất rất cảm ơn. Nếu có bất cứ vấn đề gì, thì bạn có thể liên lạc theo các địa chỉ dưới đây.

• • Website: https://fxstudio.dev/contact/
  • Email: lephuongtien.dev@gmail.com

3.2. Bản quyền

Về bản quyền của series SwiftUI Notes là của Fx Studio, bao gồm các bài viết trên website & mã nguồn trên GitHub. Và chúng hoàn toàn miễn phí cho các mục đích phi lợi nhuận và học tập. Tất cả các hành vi sao chép hay sử dụng vì mục đích thương mại đều là vi phạm.

Vui lòng để lại link bài viết gốc, nếu bạn muốn sử dụng & cũng như trích dẫn các nội dụng từ các bài viết trong series SwiftUI Notes này.

3.3. Các phần khác trong series:

1. Làm quen với SwiftUI
2. Cơ bản về ứng dụng SwiftUI App
3. Tích hợp SwiftUI và UIKit
4. Apple Ecosystem
5. Multiplatform App
6. Basic UI Controls
7. State & Data Flow
8. Working with List
9. Routing in SwiftUI
10. Grid Layout
11. …

Cảm ơn bạn đã ủng hộ Fx Studio và series SwiftUI Notes!

Written by chuotfx

Hãy ngồi xuống, uống miếng bánh và ăn miếng trà. Chúng ta cùng nhau đàm đạo về đời, về code nhóe!