SwiftUI 'ਤੇ ਐਪਲੀਕੇਸ਼ਨ ਵਿਕਾਸ। ਭਾਗ 1: ਡਾਟਾਫਲੋ ਅਤੇ Redux

ਡਬਲਯੂਡਬਲਯੂਡੀਸੀ 2019 ਦੇ ਸਟੇਟ ਆਫ ਦ ਯੂਨੀਅਨ ਸੈਸ਼ਨ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਣ ਤੋਂ ਬਾਅਦ, ਮੈਂ SwiftUI ਵਿੱਚ ਡੂੰਘੀ ਡੁਬਕੀ ਲੈਣ ਦਾ ਫੈਸਲਾ ਕੀਤਾ। ਮੈਂ ਇਸਦੇ ਨਾਲ ਕੰਮ ਕਰਨ ਵਿੱਚ ਬਹੁਤ ਸਮਾਂ ਬਿਤਾਇਆ ਹੈ ਅਤੇ ਹੁਣ ਇੱਕ ਅਸਲ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਵਿਕਸਤ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰ ਦਿੱਤਾ ਹੈ ਜੋ ਉਪਭੋਗਤਾਵਾਂ ਦੀ ਇੱਕ ਵਿਸ਼ਾਲ ਸ਼੍ਰੇਣੀ ਲਈ ਉਪਯੋਗੀ ਹੋ ਸਕਦਾ ਹੈ.

ਮੈਂ ਇਸਨੂੰ ਮੂਵੀਸਵਿਫਟਯੂਆਈ ਕਿਹਾ - ਇਹ ਨਵੀਆਂ ਅਤੇ ਪੁਰਾਣੀਆਂ ਫਿਲਮਾਂ ਦੀ ਖੋਜ ਕਰਨ ਦੇ ਨਾਲ-ਨਾਲ ਉਹਨਾਂ ਨੂੰ ਇੱਕ ਸੰਗ੍ਰਹਿ ਵਿੱਚ ਇਕੱਠਾ ਕਰਨ ਲਈ ਇੱਕ ਐਪ ਹੈ TMDB API. ਮੈਂ ਹਮੇਸ਼ਾ ਫਿਲਮਾਂ ਨੂੰ ਪਸੰਦ ਕੀਤਾ ਹੈ ਅਤੇ ਇਸ ਖੇਤਰ ਵਿੱਚ ਕੰਮ ਕਰਨ ਵਾਲੀ ਇੱਕ ਕੰਪਨੀ ਵੀ ਬਣਾਈ ਹੈ, ਹਾਲਾਂਕਿ ਬਹੁਤ ਸਮਾਂ ਪਹਿਲਾਂ। ਕੰਪਨੀ ਨੂੰ ਸ਼ਾਇਦ ਹੀ ਠੰਡਾ ਕਿਹਾ ਜਾ ਸਕਦਾ ਹੈ, ਪਰ ਐਪਲੀਕੇਸ਼ਨ ਸੀ!

ਅਸੀਂ ਯਾਦ ਦਿਵਾਉਂਦੇ ਹਾਂ: "Habr" ਦੇ ਸਾਰੇ ਪਾਠਕਾਂ ਲਈ - "Habr" ਪ੍ਰਚਾਰ ਕੋਡ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਕਿਸੇ ਵੀ ਸਕਿੱਲਬਾਕਸ ਕੋਰਸ ਵਿੱਚ ਦਾਖਲਾ ਲੈਣ ਵੇਲੇ 10 ਰੂਬਲ ਦੀ ਛੋਟ।

ਸਕਿੱਲਬਾਕਸ ਸਿਫ਼ਾਰਿਸ਼ ਕਰਦਾ ਹੈ: ਵਿਦਿਅਕ ਔਨਲਾਈਨ ਕੋਰਸ "ਪ੍ਰੋਫੈਸ਼ਨ ਜਾਵਾ ਡਿਵੈਲਪਰ".

ਤਾਂ MovieSwiftUI ਕੀ ਕਰ ਸਕਦਾ ਹੈ?

• API ਨਾਲ ਇੰਟਰੈਕਟ ਕਰਦਾ ਹੈ - ਲਗਭਗ ਕੋਈ ਵੀ ਆਧੁਨਿਕ ਐਪਲੀਕੇਸ਼ਨ ਅਜਿਹਾ ਕਰਦੀ ਹੈ।
• ਬੇਨਤੀਆਂ 'ਤੇ ਅਸਿੰਕ੍ਰੋਨਸ ਡੇਟਾ ਲੋਡ ਕਰਦਾ ਹੈ ਅਤੇ JSON ਨੂੰ ਸਵਿਫਟ ਮਾਡਲ ਵਿੱਚ ਪਾਰਸ ਕਰਦਾ ਹੈ ਕੋਡੇਬਲ.
• ਬੇਨਤੀ 'ਤੇ ਲੋਡ ਕੀਤੀਆਂ ਤਸਵੀਰਾਂ ਦਿਖਾਉਂਦਾ ਹੈ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਕੈਸ਼ ਕਰਦਾ ਹੈ।
• iOS, iPadOS, ਅਤੇ macOS ਲਈ ਇਹ ਐਪ ਇਹਨਾਂ OS ਦੇ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਸਭ ਤੋਂ ਵਧੀਆ UX ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।
• ਉਪਭੋਗਤਾ ਡੇਟਾ ਤਿਆਰ ਕਰ ਸਕਦਾ ਹੈ ਅਤੇ ਆਪਣੀ ਖੁਦ ਦੀ ਫਿਲਮ ਸੂਚੀ ਬਣਾ ਸਕਦਾ ਹੈ. ਐਪਲੀਕੇਸ਼ਨ ਉਪਭੋਗਤਾ ਡੇਟਾ ਨੂੰ ਸੁਰੱਖਿਅਤ ਅਤੇ ਰੀਸਟੋਰ ਕਰਦੀ ਹੈ।
• ਵਿਯੂਜ਼, ਕੰਪੋਨੈਂਟ ਅਤੇ ਮਾਡਲਾਂ ਨੂੰ Redux ਪੈਟਰਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸਪਸ਼ਟ ਤੌਰ 'ਤੇ ਵੱਖ ਕੀਤਾ ਗਿਆ ਹੈ। ਇੱਥੇ ਡੇਟਾ ਦਾ ਪ੍ਰਵਾਹ ਇੱਕ ਦਿਸ਼ਾਹੀਣ ਹੈ। ਇਸ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਕੈਸ਼, ਰੀਸਟੋਰ ਅਤੇ ਓਵਰਰਾਈਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।
• ਐਪਲੀਕੇਸ਼ਨ SwiftUI, TabbedView, SegmentedControl, NavigationView, Form, Modal, ਆਦਿ ਦੇ ਮੂਲ ਭਾਗਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੀ ਹੈ। ਇਹ ਕਸਟਮ ਦ੍ਰਿਸ਼, ਸੰਕੇਤ, UI/UX ਵੀ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।

ਵਾਸਤਵ ਵਿੱਚ, ਐਨੀਮੇਸ਼ਨ ਨਿਰਵਿਘਨ ਹੈ, GIF ਥੋੜਾ ਜਿਹਾ ਝਟਕਾ ਹੋਇਆ ਹੈ

ਐਪ 'ਤੇ ਕੰਮ ਕਰਨ ਨਾਲ ਮੈਨੂੰ ਬਹੁਤ ਸਾਰਾ ਅਨੁਭਵ ਮਿਲਿਆ ਅਤੇ ਕੁੱਲ ਮਿਲਾ ਕੇ ਇਹ ਸਕਾਰਾਤਮਕ ਅਨੁਭਵ ਸੀ। ਮੈਂ ਇੱਕ ਪੂਰੀ ਤਰ੍ਹਾਂ ਕਾਰਜਸ਼ੀਲ ਐਪਲੀਕੇਸ਼ਨ ਲਿਖਣ ਦੇ ਯੋਗ ਸੀ, ਸਤੰਬਰ ਵਿੱਚ ਮੈਂ ਇਸਨੂੰ ਸੁਧਾਰਾਂਗਾ ਅਤੇ ਇਸਨੂੰ ਐਪਸਟੋਰ ਵਿੱਚ ਪ੍ਰਕਾਸ਼ਿਤ ਕਰਾਂਗਾ, ਨਾਲ ਹੀ iOS 13 ਦੀ ਰਿਲੀਜ਼ ਦੇ ਨਾਲ।

Redux, BindableObject ਅਤੇ EnvironmentObject

ਮੈਂ ਹੁਣ ਲਗਭਗ ਦੋ ਸਾਲਾਂ ਤੋਂ Redux ਨਾਲ ਕੰਮ ਕਰ ਰਿਹਾ ਹਾਂ, ਇਸ ਲਈ ਮੈਂ ਇਸ ਵਿੱਚ ਮੁਕਾਬਲਤਨ ਚੰਗੀ ਤਰ੍ਹਾਂ ਜਾਣੂ ਹਾਂ। ਖਾਸ ਤੌਰ 'ਤੇ, ਮੈਂ ਇਸਨੂੰ ਫਰੰਟਐਂਡ ਵਿੱਚ ਲਈ ਵਰਤਦਾ ਹਾਂ ਪ੍ਰਤੀਕਿਰਿਆ ਵੈੱਬਸਾਈਟ, ਅਤੇ ਨਾਲ ਹੀ ਨੇਟਿਵ ਆਈਓਐਸ (ਸਵਿਫਟ) ਅਤੇ ਐਂਡਰਾਇਡ (ਕੋਟਲਿਨ) ਐਪਲੀਕੇਸ਼ਨਾਂ ਨੂੰ ਵਿਕਸਤ ਕਰਨ ਲਈ।

ਮੈਨੂੰ SwiftUI ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਣ ਲਈ ਡਾਟਾ ਫਲੋ ਆਰਕੀਟੈਕਚਰ ਵਜੋਂ Redux ਨੂੰ ਚੁਣਨ 'ਤੇ ਕਦੇ ਪਛਤਾਵਾ ਨਹੀਂ ਹੋਇਆ ਹੈ। UIKit ਐਪ ਵਿੱਚ Redux ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਸਮੇਂ ਸਭ ਤੋਂ ਚੁਣੌਤੀਪੂਰਨ ਹਿੱਸੇ ਸਟੋਰ ਦੇ ਨਾਲ ਕੰਮ ਕਰਨਾ ਅਤੇ ਡੇਟਾ ਪ੍ਰਾਪਤ ਕਰਨਾ ਅਤੇ ਪ੍ਰਾਪਤ ਕਰਨਾ ਅਤੇ ਇਸਨੂੰ ਤੁਹਾਡੇ ਦ੍ਰਿਸ਼ਾਂ/ਕੰਪੋਨੈਂਟਸ ਵਿੱਚ ਮੈਪ ਕਰਨਾ ਹੈ। ਅਜਿਹਾ ਕਰਨ ਲਈ, ਮੈਨੂੰ ਕਨੈਕਟਰਾਂ ਦੀ ਇੱਕ ਕਿਸਮ ਦੀ ਲਾਇਬ੍ਰੇਰੀ ਬਣਾਉਣੀ ਪਈ (ReSwift ਅਤੇ ReKotlin ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ)। ਵਧੀਆ ਕੰਮ ਕਰਦਾ ਹੈ, ਪਰ ਕਾਫ਼ੀ ਕੋਡ. ਬਦਕਿਸਮਤੀ ਨਾਲ, ਇਹ (ਅਜੇ ਤੱਕ) ਓਪਨ ਸੋਰਸ ਨਹੀਂ ਹੈ।

ਖ਼ੁਸ਼ ਖ਼ਬਰੀ! SwiftUI ਨਾਲ ਚਿੰਤਾ ਕਰਨ ਵਾਲੀਆਂ ਚੀਜ਼ਾਂ - ਜੇਕਰ ਤੁਸੀਂ Redux ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਯੋਜਨਾ ਬਣਾਉਂਦੇ ਹੋ - ਸਟੋਰ, ਸਟੇਟਸ ਅਤੇ ਰੀਡਿਊਸਰ ਹਨ। @EnvironmentObject ਦਾ ਧੰਨਵਾਦ, SwiftUI ਦੁਆਰਾ ਸਟੋਰ ਨਾਲ ਗੱਲਬਾਤ ਦਾ ਪੂਰੀ ਤਰ੍ਹਾਂ ਧਿਆਨ ਰੱਖਿਆ ਜਾਂਦਾ ਹੈ। ਇਸ ਲਈ, ਸਟੋਰ ਇੱਕ BindableObject ਨਾਲ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ.

ਮੈਂ ਇੱਕ ਸਧਾਰਨ ਸਵਿਫਟ ਪੈਕੇਜ ਬਣਾਇਆ ਹੈ, SwiftUIFlux, ਜੋ Redux ਦੀ ਮੁਢਲੀ ਵਰਤੋਂ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਮੇਰੇ ਕੇਸ ਵਿੱਚ ਇਹ MovieSwiftUI ਦਾ ਹਿੱਸਾ ਹੈ. ਮੈਂ ਵੀ ਇੱਕ ਕਦਮ-ਦਰ-ਕਦਮ ਟਿਊਟੋਰਿਅਲ ਲਿਖਿਆ, ਜੋ ਤੁਹਾਨੂੰ ਇਸ ਕੰਪੋਨੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰੇਗਾ।

ਇਸ ਨੂੰ ਕੰਮ ਕਰਦਾ ਹੈ?

final public class Store<State: FluxState>: BindableObject {
    public let willChange = PassthroughSubject<Void, Never>()
        
    private(set) public var state: State
    
    private func _dispatch(action: Action) {
        willChange.send()
        state = reducer(state, action)
    }
}

ਹਰ ਵਾਰ ਜਦੋਂ ਤੁਸੀਂ ਕੋਈ ਕਾਰਵਾਈ ਸ਼ੁਰੂ ਕਰਦੇ ਹੋ, ਤੁਸੀਂ ਗੀਅਰਬਾਕਸ ਨੂੰ ਸਰਗਰਮ ਕਰਦੇ ਹੋ। ਇਹ ਐਪਲੀਕੇਸ਼ਨ ਦੀ ਮੌਜੂਦਾ ਸਥਿਤੀ ਦੇ ਅਨੁਸਾਰ ਕਾਰਵਾਈਆਂ ਦਾ ਮੁਲਾਂਕਣ ਕਰੇਗਾ। ਇਹ ਫਿਰ ਕਾਰਵਾਈ ਦੀ ਕਿਸਮ ਅਤੇ ਡੇਟਾ ਦੇ ਅਨੁਸਾਰ ਇੱਕ ਨਵੀਂ ਸੋਧੀ ਹੋਈ ਸਥਿਤੀ ਨੂੰ ਵਾਪਸ ਕਰੇਗਾ।

ਖੈਰ, ਕਿਉਂਕਿ ਸਟੋਰ ਇੱਕ BindableObject ਹੈ, ਇਹ SwiftUI ਨੂੰ ਸੂਚਿਤ ਕਰੇਗਾ ਜਦੋਂ PassthroughSubject ਦੁਆਰਾ ਪ੍ਰਦਾਨ ਕੀਤੀ willChange ਪ੍ਰਾਪਰਟੀ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਸਦਾ ਮੁੱਲ ਬਦਲਦਾ ਹੈ। ਇਹ ਇਸ ਲਈ ਹੈ ਕਿਉਂਕਿ BindableObject ਨੂੰ ਇੱਕ PublisherType ਪ੍ਰਦਾਨ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ, ਪਰ ਪ੍ਰੋਟੋਕੋਲ ਲਾਗੂ ਕਰਨਾ ਇਸਦੇ ਪ੍ਰਬੰਧਨ ਲਈ ਜ਼ਿੰਮੇਵਾਰ ਹੈ। ਕੁੱਲ ਮਿਲਾ ਕੇ, ਇਹ ਐਪਲ ਦਾ ਇੱਕ ਬਹੁਤ ਸ਼ਕਤੀਸ਼ਾਲੀ ਸੰਦ ਹੈ। ਇਸ ਅਨੁਸਾਰ, ਅਗਲੇ ਰੈਂਡਰਿੰਗ ਚੱਕਰ ਵਿੱਚ, SwiftUI ਰਾਜ ਦੇ ਬਦਲਾਅ ਦੇ ਅਨੁਸਾਰ ਵਿਚਾਰਾਂ ਦੇ ਸਰੀਰ ਨੂੰ ਰੈਂਡਰ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰੇਗਾ।

ਦਰਅਸਲ, ਇਹ SwiftUI ਦਾ ਸਾਰਾ ਦਿਲ ਅਤੇ ਜਾਦੂ ਹੈ। ਹੁਣ, ਕਿਸੇ ਰਾਜ ਦੀ ਗਾਹਕੀ ਲੈਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਦ੍ਰਿਸ਼ ਵਿੱਚ, ਦ੍ਰਿਸ਼ ਨੂੰ ਰਾਜ ਤੋਂ ਪ੍ਰਾਪਤ ਹੋਏ ਡੇਟਾ ਦੇ ਅਨੁਸਾਰ ਰੈਂਡਰ ਕੀਤਾ ਜਾਵੇਗਾ ਅਤੇ ਕੀ ਬਦਲਿਆ ਹੈ।

class SceneDelegate: UIResponder, UIWindowSceneDelegate {
 
    var window: UIWindow?
 
 
    func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
        if let windowScene = scene as? UIWindowScene {
            let window = UIWindow(windowScene: windowScene)
            
            let controller = UIHostingController(rootView: HomeView().environmentObject(store))
            window.rootViewController = controller
            self.window = window
            window.makeKeyAndVisible()
        }
    }
}
 
struct CustomListCoverRow : View {
    @EnvironmentObject var store: Store<AppState>
    
    let movieId: Int
    var movie: Movie! {
        return store.state.moviesState.movies[movieId]
    }
    
    var body: some View {
        HStack(alignment: .center, spacing: 0) {
            Image(movie.poster)
        }.listRowInsets(EdgeInsets())
    }
}

ਸਟੋਰ ਨੂੰ ਇੱਕ EnvironmentObject ਦੇ ਰੂਪ ਵਿੱਚ ਇੰਜੈਕਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜਦੋਂ ਐਪਲੀਕੇਸ਼ਨ ਸ਼ੁਰੂ ਹੁੰਦੀ ਹੈ ਅਤੇ ਫਿਰ @EnvironmentObject ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕਿਸੇ ਵੀ ਦ੍ਰਿਸ਼ ਵਿੱਚ ਪਹੁੰਚਯੋਗ ਹੁੰਦੀ ਹੈ। ਕੋਈ ਪ੍ਰਦਰਸ਼ਨ ਜੁਰਮਾਨਾ ਨਹੀਂ ਹੈ ਕਿਉਂਕਿ ਪ੍ਰਾਪਤ ਕੀਤੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਜਲਦੀ ਪ੍ਰਾਪਤ ਕੀਤੀਆਂ ਜਾਂਦੀਆਂ ਹਨ ਜਾਂ ਐਪਲੀਕੇਸ਼ਨ ਸਥਿਤੀ ਤੋਂ ਗਣਨਾ ਕੀਤੀਆਂ ਜਾਂਦੀਆਂ ਹਨ।

ਉਪਰੋਕਤ ਕੋਡ ਚਿੱਤਰ ਨੂੰ ਬਦਲਦਾ ਹੈ ਜੇਕਰ ਫਿਲਮ ਦਾ ਪੋਸਟਰ ਬਦਲਦਾ ਹੈ।

ਅਤੇ ਇਹ ਅਸਲ ਵਿੱਚ ਸਿਰਫ ਇੱਕ ਲਾਈਨ ਨਾਲ ਕੀਤਾ ਗਿਆ ਹੈ, ਜਿਸ ਦੀ ਮਦਦ ਨਾਲ ਵਿਚਾਰ ਰਾਜ ਨਾਲ ਜੁੜੇ ਹੋਏ ਹਨ. ਜੇਕਰ ਤੁਸੀਂ iOS 'ਤੇ ReSwift ਨਾਲ ਕੰਮ ਕੀਤਾ ਹੈ ਜਾਂ ਫਿਰ ਵੀ ਨਾਲ ਜੁੜਨ React ਨਾਲ, ਤੁਸੀਂ SwiftUI ਦੇ ਜਾਦੂ ਨੂੰ ਸਮਝ ਸਕੋਗੇ।

ਹੁਣ ਤੁਸੀਂ ਕਾਰਵਾਈ ਨੂੰ ਸਰਗਰਮ ਕਰਨ ਅਤੇ ਨਵੀਂ ਸਥਿਤੀ ਨੂੰ ਪ੍ਰਕਾਸ਼ਿਤ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਸਕਦੇ ਹੋ। ਇੱਥੇ ਇੱਕ ਹੋਰ ਗੁੰਝਲਦਾਰ ਉਦਾਹਰਨ ਹੈ.

struct CustomListDetail : View {
    @EnvironmentObject var store: Store<AppState>
 
    let listId: Int
    
    var list: CustomList {
        store.state.moviesState.customLists[listId]!
    }
    
    var movies: [Int] {
        list.movies.sortedMoviesIds(by: .byReleaseDate, state: store.state)
    }
    
    var body: some View {
        List {
            ForEach(movies) { movie in
                NavigationLink(destination: MovieDetail(movieId: movie).environmentObject(self.store)) {
                    MovieRow(movieId: movie, displayListImage: false)
                }
            }.onDelete { (index) in
               self.store.dispatch(action: MoviesActions.RemoveMovieFromCustomList(list: self.listId, movie: self.movies[index.first!]))
            }
        }
    }
}

ਉਪਰੋਕਤ ਕੋਡ ਵਿੱਚ, ਮੈਂ ਹਰੇਕ IP ਲਈ SwiftUI ਤੋਂ .onDelete ਐਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰ ਰਿਹਾ/ਰਹੀ ਹਾਂ। ਇਹ ਸੂਚੀ ਵਿੱਚ ਕਤਾਰ ਨੂੰ ਮਿਟਾਉਣ ਲਈ ਸਧਾਰਨ iOS ਸਵਾਈਪ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। ਇਸ ਲਈ ਜਦੋਂ ਉਪਭੋਗਤਾ ਡਿਲੀਟ ਬਟਨ ਨੂੰ ਛੂਹਦਾ ਹੈ, ਤਾਂ ਇਹ ਸੰਬੰਧਿਤ ਐਕਸ਼ਨ ਨੂੰ ਚਾਲੂ ਕਰਦਾ ਹੈ ਅਤੇ ਫਿਲਮ ਨੂੰ ਸੂਚੀ ਵਿੱਚੋਂ ਹਟਾ ਦਿੰਦਾ ਹੈ।

ਖੈਰ, ਕਿਉਂਕਿ ਸੂਚੀ ਸੰਪੱਤੀ BindableObject ਰਾਜ ਤੋਂ ਪ੍ਰਾਪਤ ਕੀਤੀ ਗਈ ਹੈ ਅਤੇ ਇੱਕ EnvironmentObject ਦੇ ਰੂਪ ਵਿੱਚ ਇੰਜੈਕਟ ਕੀਤੀ ਗਈ ਹੈ, SwiftUI ਸੂਚੀ ਨੂੰ ਅਪਡੇਟ ਕਰਦਾ ਹੈ ਕਿਉਂਕਿ ForEach ਫਿਲਮਾਂ ਦੀ ਗਣਨਾ ਕੀਤੀ ਜਾਇਦਾਦ ਨਾਲ ਜੁੜਿਆ ਹੋਇਆ ਹੈ।

ਇੱਥੇ ਮੂਵੀਜ਼ਸਟੇਟ ਰੀਡਿਊਸਰ ਦਾ ਹਿੱਸਾ ਹੈ:

func moviesStateReducer(state: MoviesState, action: Action) -> MoviesState {
    var state = state
    switch action {
    
    // other actions.
    
    case let action as MoviesActions.AddMovieToCustomList:
        state.customLists[action.list]?.movies.append(action.movie)
        
    case let action as MoviesActions.RemoveMovieFromCustomList:
        state.customLists[action.list]?.movies.removeAll{ $0 == action.movie }
        
    default:
        break
    }
    return state
}

ਰੀਡਿਊਸਰ ਉਦੋਂ ਚਲਾਇਆ ਜਾਂਦਾ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਕੋਈ ਕਾਰਵਾਈ ਭੇਜਦੇ ਹੋ ਅਤੇ ਇੱਕ ਨਵੀਂ ਸਥਿਤੀ ਵਾਪਸ ਕਰਦੇ ਹੋ, ਜਿਵੇਂ ਕਿ ਉੱਪਰ ਦੱਸਿਆ ਗਿਆ ਹੈ।

ਮੈਂ ਅਜੇ ਵੇਰਵੇ ਵਿੱਚ ਨਹੀਂ ਜਾਵਾਂਗਾ - ਕਿਵੇਂ SwiftUI ਅਸਲ ਵਿੱਚ ਜਾਣਦਾ ਹੈ ਕਿ ਕੀ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨਾ ਹੈ. ਇਸ ਨੂੰ ਹੋਰ ਡੂੰਘਾਈ ਨਾਲ ਸਮਝਣ ਲਈ, ਇਹ ਕੀਮਤੀ ਹੈ ਡਾਟਾ ਪ੍ਰਵਾਹ 'ਤੇ WWDC ਸੈਸ਼ਨ ਦੇਖੋ SwiftUI ਵਿੱਚ. ਇਹ ਵਿਸਥਾਰ ਵਿੱਚ ਇਹ ਵੀ ਦੱਸਦਾ ਹੈ ਕਿ ਕਿਉਂ ਅਤੇ ਕਦੋਂ ਵਰਤਣਾ ਹੈ ਰਾਜ, @Binding, ObjectBinding ਅਤੇ EnvironmentObject.

ਸਕਿੱਲਬਾਕਸ ਸਿਫ਼ਾਰਿਸ਼ ਕਰਦਾ ਹੈ:

• ਪ੍ਰੈਕਟੀਕਲ ਕੋਰਸ "ਮੋਬਾਈਲ ਡਿਵੈਲਪਰ ਪ੍ਰੋ".
• ਆਨਲਾਈਨ ਕੋਰਸ ਅਪਲਾਈ ਕੀਤਾ "ਪਾਈਥਨ ਡੇਟਾ ਐਨਾਲਿਸਟ".
• ਦੋ ਸਾਲਾ ਪ੍ਰੈਕਟੀਕਲ ਕੋਰਸ "ਮੈਂ ਇੱਕ ਪ੍ਰੋ ਵੈੱਬ ਡਿਵੈਲਪਰ ਹਾਂ".

ਸਰੋਤ: www.habr.com