RxSwift – Hello world!

Chào bạn đến với Fx Studio. Chúng ta lại tiếp tục với series RxSwift. Cuộc vui bây giờ mới bắt đầu mà thôi. Và trở ngại đầu tiên là cài đặt và chạy được chương trình đầu tiên.

Các bạn đã đi qua phần Giới thiệu khá là lèn nhèn và khó hiểu. Lời khuyên chân thành là bạn cũng đừng xa lầy vào đám lý thuyết hỗn độn đó. Tốt nhất là khi đi qua hết các kiến thức cơ bản thì hãy quay lại đọc nó. Khi đó bạn vừa ôn tập lại kiến thức cũ vừa hiểu kĩ hơn về bản chất. Cái này áp dụng cho đa số các kiến thức khác mà bạn tìm hiểu.

À, bắt đầu thôi!

1. Tham khảo

Trước tiên, bạn cần phải biết được một số trang của RxSwift và cộng đồng của nó.

• Github: https://github.com/ReactiveX/RxSwift
• Github họ hàng nhà Rx: https://github.com/ReactiveX
• Cộng đồng: http://community.rxswift.org/
• Github của tụi cộng đồng: https://github.com/RxSwiftCommunity

Và tất nhiên, Fx Studio cũng có một repo Github cho RxSwift. Tuy không xịn xò bằng, nhưng đó là nơi chứa code demo trong các bài viết của mình.

• Checkout : https://github.com/fx-studio/rxswift_notes

2. Cài đặt RxSwift

Bạn truy cập vào link repo trên Github của RxSwift. Mình sẽ cài đặt thông qua CocoaPod. Bạn có thể đọc hết hướng dẫn trong repo kia cũng được, nhưng chỉ cần quan tâm tới đoạn Pod này thôi.

# Podfile
use_frameworks!

target 'YOUR_TARGET_NAME' do
    pod 'RxSwift', '~> 5'
    pod 'RxCocoa', '~> 5'
end

# RxTest and RxBlocking make the most sense in the context of unit/integration tests
target 'YOUR_TESTING_TARGET' do
    pod 'RxBlocking', '~> 5'
    pod 'RxTest', '~> 5'
end

Về RxSwift sẽ gồm 2 phần chính:

• RxSwift dành cho ngôn ngữ Swift.
• RxCocoa dành cho nền tảng iOS.

Ngoài ra, bạn cũng thấy Rx cũng len lỏi vào testing. Nhưng mà chúng ta tạm thời không cần quan tâm nhiều làm gì.

Tiếp theo, bạn tạo 1 project mới bằng Xcode. Sau đó tiến hành cài đặt CocoaPod lên project đó. Nếu bạn chưa biết CocoaPod là gì. Bạn hãy làm vài đường Google để được khai sáng.

Sau khi cài xong, bạn edit Podfile bằng đoạn pod ở trên và chạy lệnh pod install. Cuối cùng bạn mở project lên và tiến hành import RxSwift . Nếu như mà không báo lỗi gì hết, nghĩa là bạn đã cài đặt thành công rồi.

Giờ sang phần tiếp theo nào!

3. Sử dụng RxSwift bằng Playground

Các phần đầu tiên của series là đa số tập trung vào lý thuyết, nên Playground là công cụ thực hành nhanh nhất. Nhưng một điều ngăn cản là Playground không cài đặt RxSwift được. Mà các bạn dev thường rất ít khi tìm hiểu sâu hơn. Sau đây mình sẽ hướng dẫn luôn.

Mở file *.xcworkspace , do bạn đã tạo ra bằng việc pod init ở phần trên. Vì đã cài đặt RxSwift cho project đó rồi, nên chúng ta import về mặt thư viện trong Playground khá dễ dàng.

Bạn tiến hành New File > Playgournd. Điều chú ý ở đây chính là:

• Nơi lưu file Playground là thư mục project.
• Add to workspace & Group là project đó luôn để sử dụng được các thư viện đã cài đặt trong Project.

Và bạn cũng tiến hành import RxSwift vào file Playground đó. Nếu không có lỗi gì xãy ra tiếp, nghĩa là bạn tiếp tục cài đặt thành công thêm một bước nữa rồi. Còn nếu có lỗi, bạn hãy tắt Xcode đi và mở lại nó. 80% lỗi được khắc phục bằng cách đơn giản như vậy!

Bạn có thể xem qua về cấu trúc file của Workspace này. Lần sau, bạn muốn tạo thêm Playground khác để luyện tập về lý thuyết, thì cũng nên áp dụng cách tương tự này.

Tới đây, mình càng yêu quý Combine nhiều hơn. Vì nó cũng là họ hàng nhà Rx và nó được build sẵn vào trong core OS. Do đó, bạn có thể sử dụng mọi lúc mọi nơi, mà không cần phải rườm ra như thế này. Hàng chính chủ vẫn là xịn sò nhất.

4. Hello world!

Để tới được đây, bạn đã tốn công sức quá nhiều rồi. Chúng ta đi nhanh vào vấn đề chính nào. Bạn mở file HelloRx.playground và thêm đoạn code này vào.

let helloRx = Observable.just("Hello RxSwift")
    helloRx.subscribe { (value) in
        print(value)
}

Sau đó bấm thực thi Playground và xem kết quả.

next(Hello RxSwift)
completed

Nếu bạn chạy ra và kết quả đúng như vậy, thì chúc mừng bạn đã hoàn thành bài hôm nay. Còn mình sẽ giải thích sơ cho bạn hiểu như sau:

• helloRx là 1 biến kiểu là Observable
• Observable này là nguồn phát ra dữ liệu. Trong ví dụ, kiểu dữ liệu phát ra là String.
• just là ám chỉ việc Observable này được tạo ra và phát đi 1 lần duy nhất, sau đó sẽ kết thúc.
• Dữ liệu phát đi là chữ Hello RxSwift.
• Để lắng nghe những gì mà helloRx phát ra thì bạn cần subscribe  tới nó.
• Chúng ta cần cung cấp 1 closure để xử lý các giá trị nhận được từ nguồn phát.
• Về giá trị nhận được
  • Sau khi, nguồn phát ra Hello RxSwift , nguồn sẽ tiếp tục phát ra tín hiệu kết thúc completed.

Okay! Tới đây, bạn đã hoàn thành được chương trình đầu tiên. Các phần vui còn rất nhiều ở các bài sau.

Tóm tắt

• Cài đặt thư viện bằng CocoaPod.
• Import vào Project & Playgound.
• Thực hiện chương trình đầu tiên bằng Playground.

Okay! Tới đây, mình xin kết thúc bài viết về RxSwift – Hello world! trong RxSwift. Và nếu có gì thắc mắc hay góp ý cho mình thì bạn có thể để lại bình luận hoặc gởi email theo trang Contact.

• Bài viết tiếp theo tại đây.

Cảm ơn bạn đã đọc bài viết này!

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!