TCA101: WithViewStore

[Taehyeon-Kim]

WithViewStore

View Builder가 상태를 관찰할 수 있도록 Store를 ViewStore로 변환하는 Helper Struct

Usage

private let store: StoreOf<Feature>

var body: some View {
  WithViewStore(self.store, observe: { $0 }) {
    // your view
  }
}

보통 위와 같은 형태로 많이 코드를 작성하는 것 같다.

struct ProfileView: View {
  let store: StoreOf<Profile>
  @ObservedObject var viewStore: ViewStoreOf<Profile>

  init(store: StoreOf<Profile>) {
    self.store = store
    self.viewStore = ViewStore(store, observe: { $0 })
  }

  var body: some View {
    Text("\(self.viewStore.username)")
    // ...
  }
}

공식 문서를 보면 WithViewStore를 사용하지 않고 이니셜라이저에서 수동으로 store를 관찰할 수 있도록 해줄 수도 있다고 한다. 복잡한 뷰를 래핑할 때는 컴파일러 성능과 진단이 저하될 수 있다고 하니 수동으로 설정하는 것이 더 나은 선택지일 수 있다.

Performance

1. store.scope, SceneState

• Root Store의 모든 상태를 관찰하는 것은 권장하지 않는다.
• 거의 필요하지 않고 뷰 재연산을 유발하여 성능이 저하될 수 있다.
• 뷰 렌더링에 필요한 상태만 보유하는 SceneState Type을 구성하는 것이 좋다. (Performance 에서 확인)

2. 뷰가 Store의 어떤 상태에도 접근할 필요 없이 액션만 보낼 수 있어야 하는 경우

Button("Tap me") {
  ViewStore(self.store).send(.buttonTapped)
}

• WithViewStore를 전혀 사용하지 않는 것이 좋다.
• 위와 같이 경량화된 방법을 사용하는 것이 좋다.

Links:

• WithViewStore
• [SwiftUI & TCA] Store vs ViewStore 무슨 차이가 있을까?