Go to Qiita Advent Calendar 2024 Top
LoginSignup
0
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

@shinoshu

ngrx/example-appのreduxアーキテクチャ

Last updated at Posted at 2020-02-14

ngrx/example-app

ngrxのexample-appが、reduxアーキテクチャの参考になったので、まとめてみました。

画面

アプリケーションのイメージを掴むために、まずは画面から見てみます。
画面は５つです。

LoginPageComponent

localhost_4200__1366×768_.png

CollectionPageComponent

localhost_4200__1366×768___7_.png

ViewBookPageComponent

localhost_4200__1366×768___6_.png

FindBookPageComponent

localhost_4200__1366×768___4_.png

コンポーネントの分け方

Container ComponentとPresentational Componentで分けてるみたいですね。
これはReduxが提唱しているベストプラクティスの１つです。

画面とEffects、ACTION

名称未設定-Copy of ページ1 (2).png

0
4
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?