アーキテクチャと状態

ナビゲーション、高度な状態、副作用を使用して、機能するアプリを作成する方法を学びます。

 

Compose のフェーズ

動画

Jetpack Compose がデータを UI に変換する仕組みを学びます。

Compose UI を設計する

記事

このガイドでは、Compose で単方向データフロー パターンを実装する方法、イベントと状態ホルダーを実装する方法、Compose で ViewModel を操作する方法に焦点を当てます。

Compose の状態

動画

Compose の状態モデルと Composition、状態をホイスティングして状態ホルダーを作成する、または AAC ViewModel を使用するタイミング、Composition の外部で安全に状態を変更して、Compose がその変更を追跡するようにする方法について説明します。

状態をホイスティングする場所

動画

Jetpack Compose で状態をホイスティングする方法と場所について学びます。

高度な状態と副作用

コードラボ

Jetpack Compose の状態と副作用の API に関する高度なコンセプトについて学習します。複雑なステートフル コンポーザブルの状態ホルダーを作成する方法、コルーチンを作成して Compose コードから suspend 関数を呼び出す方法、さまざまなユースケースを対象に副作用をトリガーする方法をご確認ください。

ナビゲーションに関するベスト プラクティス

動画

Navigation Compose を使用して、すべてのナビゲーション呼び出しで型安全性が維持される形で、ナビゲーション モジュールを複数のモジュールに拡張できるようにするベスト プラクティスを学びます。

ナビゲーション

コードラボ

Compose で Jetpack Navigation ライブラリを使用する方法、アプリ内を移動する方法、引数を使用して移動する方法、ディープリンクをサポートする方法、ナビゲーションをテストする方法を学びます。

状態ホルダーと状態生成

動画 省略可

Compose はアプリのデータを画面に表示します。具体的にはどのような仕組みになっているのでしょうか。この動画では、UI の複雑さを管理する、UI 状態生成パイプラインと状態ホルダーについて詳しく説明します。UI とビジネス ロジックの違い、ViewModel とプレーンな状態ホルダークラス、状態とイベントなどについて学びます。それぞれの内容、どのタイミングで何を使うべきか、どのように使うかを説明します。

テスト

学習成果をテストして、「アーキテクチャと状態」バッジを獲得しましょう。