初めに
今回は、自分が業務でJetpackCompose
を触ってみた時に気になったどこでファイルを分けるか問題を記事にしていこうと思います。
本文
まず、前提としてJetpackCompose
は従来のxml
と違い同一の画面で使う場合でも小分けにViewを宣言することができます。
自分が実装をしていて気になったのが、表示物や機能が多い画面では小分けにしないと1つのファイルの記述量がとんでもない量になるということです。
そこで、どう区切るのが一番可読性が高く、綺麗にかけるのかを考えてみました。
最初に考えたのがViewごとに区切るです。
しかし、そうしてしまうと逆にファイルの量がバカにならないですし、何より位置の相互関係などが設定がしづらいです。
次に考えたのが機能などのグループごとに区切ることです。
しかし、そうなってくると入れ子の量が増える可能性もあり、不要なデータなどを上の階層におかないといけなくなるのであまり好ましくありません。
そこでチームで話し合って出たのがデータクラスなどのデータごとに区切るです
そうすることで不要なデータを入れておくこともなくなり、可読性も高くなりました。
最後に
今回は自分の経験をもとにJetpackComposeでの区切り方を記事にしてみました。
何かオススメの区切り方などがあればぜひ教えていただけると嬉しいです