[ING] - Swift4でReduxとUI実装を合わせたサンプル
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
Pods
ReduxSampleSwift.xcodeproj
ReduxSampleSwift.xcworkspace
ReduxSampleSwift
ReduxSampleSwiftTests
ReduxSampleSwiftUITests
Podfile
Podfile.lock
README.md

README.md

ReduxSampleSwift

[ING] Swift4でReduxとUI実装を合わせたサンプル(iOS Sample Study: Swift)

「チュートリアル → ユーザーの情報入力 → 1画面に複数の画面要素が混在する」という形のUI実装において、「アプリ表示に必要なデータの値 = アプリのUI要素の状態」として結びついている仕組みをiOSアプリでReduxアーキテクチャを実現するライブラリ「ReSwift」を利用して実現したアプリサンプルになります。

実装概要

画面遷移以外の画面の要素表示に関する部分をReduxで管理することでそれぞれの状態に合わせた状態を実現するような構成を取っています。またContainerViewを利用した親子関係を持ったViewControllerがある場合でも対処できるような形にしています。

本サンプルの画面キャプチャ

画面キャプチャその1

capture1.jpg

画面キャプチャその2

capture2.jpg

画面キャプチャその3

capture3.jpg

本サンプルにおけるRedux処理の概要図と処理フロー

Reduxの処理に必要な各々の処理で行われている内容と、処理フローをまとめた図解は下記のようになります。

whole_lifecycles.png

またこのサンプルにおけるRedux関連処理部分のファイル名は下記のようになります。

redux_files.png

利用ライブラリ一覧

その他補足事項や詳細記事に関して

特にReduxのメリットを生かしたUI実装を行なっている部分のポイントは下記の3つのケースになるかと思います。

casestudy_examples.png

このサンプル全体の詳細解説とポイントをまとめたものは下記に掲載しております。