exampleのコードを読んだり書き換えたりしながら学ぶことにしました。Reduxで書かれているものだが、他にもいろいろな言語で書かれた同じアプリケーションがたくさんあるので、比較する際にも参考になる。componentは特に分けて書いたりしてない。この方が見通しがいいというか、行き来しながらコード読まなくていいのでいいなと思った。これからはこっちで書く。appLoadedというステートをReduxの中に用意して、最低限必要なAPIコールが終わるまではヘッダーだけを表示するという挙動をしている。トップレベルのコンポーネントのcomponentWillReceivePropsの中でredirectのstateが書き換わった際にredirectを行うコードがあったただ、現行のReactではcomponentWillReceivePropsはUNSAFEという接頭語がついて非推奨になっているので似たような実装をするとしても違うライフサイクルメソッドを使う必要がある。clientに対してセットしていた。APIを叩く部分はそういう感じで切り出してあげた方がいいなと思った。componentWillMountも非推奨になってしまっているreact-reduxのmapDispatchToPropsは単にActionCreatorを渡すだけじゃなくて、そのコンポーネントに合わせた形にしてあげる方が使いやすそう。使いまわさないコンポーネントはファイル分けずに、作ったりしてる。その方が確かに見通し良いかも。非同期処理に関してはpromiseがpayloadとして渡された際に、resolveになったタイミングでactionをdispatchするmiddlewareをかましているthunkより個人的にはわかりやすいかもしれないと思ってしまった。読んだだけでもこれだけ出てくるし自分の知識もまだまだだったなぁという反省。深く読んでいきたいところだが、研究室関連でやることを思い出してしまったので今日はこの辺に。2018年10月10日ビルドがむっちょはやい。黙々とアプリを書いていた。コード書く方のバイトでした。»プロフィールid:uutarouゆるく広く浅くをモットーに頑張る。毎日技術日誌やってます。年末年始をまとめる近況報告的な記事(趣味要素つよめ)社会人になって半年経った。月別アーカイブはてなブログをはじめよう!uutarouさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。