9
8

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 5 years have passed since last update.

s2s: reduxにおけるRequest/Sucess/Failureパターンを自動生成する

Last updated at Posted at 2017-10-04

9184b81a540f29860536de5a2e1c43ba.gif

reduxで頻出するパターンとしてRequest/Sucess/Failureパターンがあります。
これは、APIを叩く際に主に利用されるパターンです。
具体的な流れとしては、Requestアクションを発火しStateをisLoadingに変更しローディングを表示し、APIリクエストを行います。データを取得できれば、Sucessアクションでデータを反映、失敗したらFailureアクションを発火しエラーを表示するのが主なパターンです。
このパターンをライブラリなどで抽象することもありますが、flowtypeでアクションタイプを厳密に管理してると自分でアクションを定義する必要があります。もし、ライブラリ側で適切に型付けする方法を知っていればコメント欄またはtwitterにて教えてください。

自動生成

さて、先日s2sというライブラリを公開しました。
詳しくは、以下の記事を読んでください。

さよならボイラープレート。s2sによる高速reduxアプリケーション構築
https://qiita.com/akameco/items/e1489c6bbf3439ec6ca4

簡単に説明すると、ASTによるリアルタイムコーディングアシストです。
これを使うと、型定義及びアクションの定数が一気に簡単になります。

9184b81a540f29860536de5a2e1c43ba.gif

これは、保存時に以下の変換を行っています。

スクリーンショット 2017-10-05 02.40.11.png

導入方法については、上記の記事を読んでください。
また、興味があれば、他の記事も読んでいただけるとうれしいです。

さよならボイラープレート。s2sによる高速reduxアプリケーション構築
https://qiita.com/akameco/items/e1489c6bbf3439ec6ca4

s2s: reduxにおけるreducerのテスト。あなたがテストを書く必要はないかも知れない
https://qiita.com/akameco/items/66a2232df0e95e5bfe31

https://github.com/akameco/s2s に公開してるのでスターをいただけるとモチベーションになります。

何かあればコメント欄またはtwitterにて議論しましょう。

9
8
0

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
9
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?