thanhphatsainin/swiftui-notes

Tổng hợp các viết về SwiftUI trong quá trình tìm hiểu. Bạn xem thêm tại website: https://fxstudio.dev/

SwiftUI - Notes

Chào bạn đến với repo nho nhỏ này!

Đây là repo của mình dùng làm lưu trữ và chia sẽ lại cho mọi người trong quán trình tìm hiểu về SwiftUI. Ở đây, repo mang tính chất tổng hợp là chính và không mang tính chất học thuật nào hết.

Nếu bạn có thời gian, hãy ghé sang trang blog của mình. Hi vọng có nhiều thứ hay mà bạn có thể tìm được. Xin cảm ơn!

• Website: https://fxstudio.dev/
• Category SwiftUI: https://fxstudio.dev/category/code/swiftui/
• Contact: [email protected]

Mọi đóng góp hay góp ý từ bạn đều là quý giá đối với mình.

---

Yêu cầu tối thiểu:

Dấn thân vào nghề iOS đã khó rồi. Ngoài các kiến thức iOS là rất ít tài liệu tiếng việt, cũng như các tài liệu hướng dẫn đầy đủ. Và bạn còn phải đối mặt việc cần phải có thiết bị để bước ra giang hồ đầy sóng gió. Và với SwiftUI thì đã khó nay còn khó hơn nữa.

Vì SwiftUI ra đời cách đây 1 năm, nên các biên bản Xcode và MacOS của bạn gần như là mới nhất. Đi kèm với đó là cấu hình phần cứng cũng phải đảm bảo được.

Và chúng ta sẽ cần như sau:

• macOS Mojave (10.14.4) hoặc mới hơn. Lựa chọn tối ưu là MacOS Catalina (10.15).
• Xcode 11 hoặc mới hơn

Cấu hình đề xuất:

• MacOS Catalina
• Xcode 11.5
• Swift 5.2

Tới đây, bạn vẫn còn cơ hội để suy nghĩ lại là có nên tiếp tục với SwiftUI hay không. Chúc bạn may mắn!

Danh sách tìm hiểu:

Part I : Getting started

1. Hello world
2. Creating your UI
3. Updating the UI
4. Presenting an Alert
5. Extracting Subviews

Part II : SwiftUI App

1. SwiftUI App Life Cycle
2. Declaring views
   1. Declarative App Development
   2. Declaring Views
   3. Environment values
   4. Reusable Views
3. Basic Layout
4. Declaring Data

Part III : SwiftUI vs. UIKit

1. SwiftUI in UIKit Project
2. UIViewController in SwiftUI Project
3. UIView in SwiftUI Project
4. Custom UIView in SwiftUI Project

Part IV : Apple Ecosystem

1. Swift Package
2. WatchOS App
3. Mac Catalyst App
4. MacOS App
5. tvOS App

Part V : Multiplatform App

1. Basic Multiplatform App
2. Design & Make color
3. Extra functions

Part VI : Basic UI Controls

1. Text
2. Image
3. TextField (part 1) & (part 2)
4. Input Controls (Button, Toggle, Slider ...)
5. Layout
6. Stacks & Containers

Part VII : State & Data Flow

1. Tổng quát
2. User Interface State
3. The single source of truth
4. Observation
5. Environment
6. Storing Data

Part VIII : Working with List

1. Simple List
2. Dynamic List
3. Sections & Grouped
4. Expandable List
5. Editing Mode
6. Multiple Selection
7. Fetching Data form API

Path IX : Routing in SwiftUI

1. Navigation
2. Push & Pop
3. Modal Views & Alert
4. Tabbar & PageView
5. Custom Tabbar
6. SideBar
7. Change Root

Path X : Grid Layout

1. Basic Grid Layout
2. Grid Item
3. Section in Grid
4. Switching Grid Layout
5. Multiple Grids

---

Về bản quyền của Repo và mã nguồn trong repo là 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 thì đều là vi phạm.

Cảm ơn bạn đã theo dõi các bài viết từ Fx Studio & hãy truy cập website để cập nhật nhiều hơn!