"Meet the Composable Architecture" tutorial

Sources/ComposableArchitecture/Documentation.docc/ComposableArchitecture.md

@@ -47,6 +47,7 @@ day-to-day when building applications, such as:
 
 ### Essentials
 
+- <doc:MeetComposableArchitecture>
 - <doc:GettingStarted>
 - <doc:DependencyManagement>
 - <doc:Testing>

Sources/ComposableArchitecture/Documentation.docc/Tutorials/01-01-code-0001.swift

@@ -0,0 +1 @@
+import ComposableArchitecture

Sources/ComposableArchitecture/Documentation.docc/Tutorials/01-01-code-0002.swift

@@ -0,0 +1,5 @@
+import ComposableArchitecture
+
+struct CounterFeature: ReducerProtocol {
+
+}

Sources/ComposableArchitecture/Documentation.docc/Tutorials/01-01-code-0003.swift

@@ -0,0 +1,11 @@
+import ComposableArchitecture
+
+struct CounterFeature: ReducerProtocol {
+  struct State {
+
+  }
+
+  enum Action {
+
+  }
+}

Sources/ComposableArchitecture/Documentation.docc/Tutorials/01-01-code-0004.swift

@@ -0,0 +1,12 @@
+import ComposableArchitecture
+
+struct CounterFeature: ReducerProtocol {
+  struct State {
+    var count = 0
+  }
+
+  enum Action {
+    case decrementButtonTapped
+    case incrementButtonTapped
+  }
+}

Sources/ComposableArchitecture/Documentation.docc/Tutorials/01-01-code-0005.swift

@@ -0,0 +1,21 @@
+import ComposableArchitecture
+
+struct CounterFeature: ReducerProtocol {
+  struct State {
+    var count = 0
+  }
+
+  enum Action {
+    case decrementButtonTapped
+    case incrementButtonTapped
+  }
+
+  func reduce(into state: inout State, action: Action) -> EffectTask<Action> {
+    switch action {
+    case .decrementButtonTapped:
+
+    case .incrementButtonTapped:
+
+    }
+  }
+}

Sources/ComposableArchitecture/Documentation.docc/Tutorials/01-01-code-0006.swift

@@ -0,0 +1,24 @@
+import ComposableArchitecture
+
+struct CounterFeature: ReducerProtocol {
+  struct State {
+    var count = 0
+  }
+
+  enum Action {
+    case decrementButtonTapped
+    case incrementButtonTapped
+  }
+
+  func reduce(into state: inout State, action: Action) -> EffectTask<Action> {
+    switch action {
+    case .decrementButtonTapped:
+      state.count -= 1
+      return .none
+
+    case .incrementButtonTapped:
+      state.count += 1
+      return .none
+    }
+  }
+}

Sources/ComposableArchitecture/Documentation.docc/Tutorials/01-02-code-0001.swift

@@ -0,0 +1,8 @@
+import ComposableArchitecture
+import SwiftUI
+
+struct CounterView: View {
+  var body: some View {
+    EmptyView()
+  }
+}

Sources/ComposableArchitecture/Documentation.docc/Tutorials/01-02-code-0002.swift

@@ -0,0 +1,7 @@
+struct CounterView: View {
+  let store: StoreOf<CounterFeature>
+
+  var body: some View {
+    EmptyView()
+  }
+}

Sources/ComposableArchitecture/Documentation.docc/Tutorials/01-02-code-0003.swift

@@ -0,0 +1,28 @@
+struct CounterView: View {
+  let store: StoreOf<CounterFeature>
+
+  var body: some View {
+    VStack {
+      Text("0")
+        .font(.largeTitle)
+        .padding()
+        .background(Color.black.opacity(0.1))
+        .cornerRadius(10)
+      HStack {
+        Button("-") {
+        }
+        .font(.largeTitle)
+        .padding()
+        .background(Color.black.opacity(0.1))
+        .cornerRadius(10)
+
+        Button("+") {
+        }
+        .font(.largeTitle)
+        .padding()
+        .background(Color.black.opacity(0.1))
+        .cornerRadius(10)
+      }
+    }
+  }
+}

Sources/ComposableArchitecture/Documentation.docc/Tutorials/01-02-code-0004-previous.swift

@@ -0,0 +1,28 @@
+struct CounterView: View {
+  let store: StoreOf<CounterFeature>
+
+  var body: some View {
+      VStack {
+        Text("0")
+          .font(.largeTitle)
+          .padding()
+          .background(Color.black.opacity(0.1))
+          .cornerRadius(10)
+        HStack {
+          Button("-") {
+          }
+          .font(.largeTitle)
+          .padding()
+          .background(Color.black.opacity(0.1))
+          .cornerRadius(10)
+
+          Button("+") {
+          }
+          .font(.largeTitle)
+          .padding()
+          .background(Color.black.opacity(0.1))
+          .cornerRadius(10)
+        }
+      }
+  }
+}

Sources/ComposableArchitecture/Documentation.docc/Tutorials/01-02-code-0004.swift

@@ -0,0 +1,34 @@
+extension CounterFeature.State: Equatable {}
+
+struct CounterView: View {
+  let store: StoreOf<CounterFeature>
+
+  var body: some View {
+    WithViewStore(self.store, observe: { $0 }) { viewStore in
+      VStack {
+        Text("\(viewStore.count)")
+          .font(.largeTitle)
+          .padding()
+          .background(Color.black.opacity(0.1))
+          .cornerRadius(10)
+        HStack {
+          Button("-") {
+            viewStore.send(.decrementButtonTapped)
+          }
+          .font(.largeTitle)
+          .padding()
+          .background(Color.black.opacity(0.1))
+          .cornerRadius(10)
+
+          Button("+") {
+            viewStore.send(.incrementButtonTapped)
+          }
+          .font(.largeTitle)
+          .padding()
+          .background(Color.black.opacity(0.1))
+          .cornerRadius(10)
+        }
+      }
+    }
+  }
+}

Sources/ComposableArchitecture/Documentation.docc/Tutorials/01-02-code-0005.swift

@@ -0,0 +1,9 @@
+struct CounterPreview: PreviewProvider {
+  static var previews: some View {
+    CounterView(
+      store: Store(initialState: CounterFeature.State()) {
+        CounterFeature()
+      }
+    )
+  }
+}

Sources/ComposableArchitecture/Documentation.docc/Tutorials/01-02-code-0006.swift

@@ -0,0 +1,9 @@
+struct CounterPreview: PreviewProvider {
+  static var previews: some View {
+    CounterView(
+      store: Store(initialState: CounterFeature.State()) {
+        // CounterFeature()
+      }
+    )
+  }
+}

Sources/ComposableArchitecture/Documentation.docc/Tutorials/01-03-code-0001.swift

@@ -0,0 +1,10 @@
+import SwiftUI
+
+@main
+struct TCATestApp: App {
+  var body: some Scene {
+    WindowGroup {
+      ContentView()
+    }
+  }
+}

Sources/ComposableArchitecture/Documentation.docc/Tutorials/01-03-code-0002.swift

@@ -0,0 +1,15 @@
+import ComposableArchitecture
+import SwiftUI
+
+@main
+struct TCATestApp: App {
+  var body: some Scene {
+    WindowGroup {
+      CounterView(
+        store: Store(initialState: CounterFeature.State()) {
+          CounterFeature()
+        }
+      )
+    }
+  }
+}

Sources/ComposableArchitecture/Documentation.docc/Tutorials/01-03-code-0003.swift

@@ -0,0 +1,15 @@
+import ComposableArchitecture
+import SwiftUI
+
+@main
+struct TCATestApp: App {
+  static let store = Store(initialState: CounterFeature.State()) {
+    CounterFeature()
+  }
+
+  var body: some Scene {
+    WindowGroup {
+      CounterView(store: store)
+    }
+  }
+}

Sources/ComposableArchitecture/Documentation.docc/Tutorials/01-03-code-0004.swift

@@ -0,0 +1,16 @@
+import ComposableArchitecture
+import SwiftUI
+
+@main
+struct TCATestApp: App {
+  static let store = Store(initialState: CounterFeature.State()) {
+    CounterFeature()
+      ._printChanges()
+  }
+
+  var body: some Scene {
+    WindowGroup {
+      CounterView(store: store)
+    }
+  }
+}