replyTweet前回超シンプルにReduxをまなぶの続き。できるかぎり簡単になるようにReduxとReact-Reduxを別々に覚えようというもので今回はReact-Reduxです。ComponentReactとReduxの橋渡し。ReduxのStoreやActionを受け取ってReactコンポーネントのPropsとして渡す。ComponentRedux依存のない純粋なReactコンポーネント。前回作ったアプリにReact-Reduxを導入してみる。前回つくったReduxのサンプルに、画面から操作できるようにReactコンポーネントを1つ付け足してアプリにして、React-Reduxを導入してみる。ここでちょっと復習で、アクションを起こすDispatchはStoreのメソッドでした。深いとこにDispatchしたコンポーネントがあったとすると、そこまでのコンポーネントにたいしてバケツリレーさせる必要が出てくる。そこでReact-ReduxのProviderとConnectを使うとどうなるかと、最上位のコンポーネントをProviderでラップして、Connectが特定のReactコンポーネントに対して、保持しているStoreを提供する。各コンポーネントにStoreを与えることができる感じで、このニコイチで動作するっぽいですが、これがなかなかイメージ掴みにくいんだよ。通行なんですって言っちゃうとすごく簡単に聞こえるんやけど。言葉の説明はこの辺で、あとはコードリーディングの方が掴めそうな気がするのでコードで。できあがりはこんな感じです、今回もPerlタスクを得たときにダークサイドになるというもの。https://www.vincentina.net/wp-content/uploads/2018/06/pw03.mp4前回から増えたのはComponentとContainerの2つ。出来上がったディレクトリ構成はこんなの。Actionを生成するための関数。なんらかの状態変化を引き起こす現象を指す。Storeが保持してる状態を変化させる関数。割り当てる関数を指定。Dispatchの処理を閉じることでDispatchの概念を閉じ込める。アプリ全体の状態とロジックをStoreで集約管理する。week.SSG5をいじれる状態まで設定しようAndroidの開発でC++のコードを使うにはfstabの編集をミスったら起動しなくなったHTTP2.0がやってくる?HTTP1.1、HTTP1.0の勉強をしておこうか。ntopApacheのmod_proxyを使ってみるセカンダリDNSのゾーン転送確認方法さくらのスタンダードサーバーにRailsをインストールしてみる。Comments【Ubuntu】UbuntuServerをコンソールからデスクトップ画面で操作する。さくらの新スタンダードプランのサーバーにRailsを入れて、Redmineをインストールした。for:このブログはさくらのクラウドで動いてます。