Swiftで型安全なFluxアーキテクチャを実現する - Qiita
iOSアプリ開発でもFluxしたい WebアプリケーションのフロントエンドをReact + Fluxな構成で開発すると、若干コードが増えて面倒にはなりつつも、 ビューの状態やデータの流れが明示的になってとてもわかりやすいなと改めて感じてます。 iOSアプリでもこういうことがやりたいのですが、基本的にFluxは考え方に過ぎないので必要な実装は自分でやらないといけません。 なので作ってみました。 https://github.com/yonekawa/SwiftFlux 使い方 基本的には必要なAction protocolとStore protocolを実装したクラスを作り、DispatcherとEventEmitterを使ってView - Action - Store - View の単方向データフローを作るだけです。詳しくはREADMEをご覧ください。 //: Step 1: Actio
React/dekuコンポーネントとthisのパターン
componentWillMount() { store.on("change", this.onChange.bind(this)); } componentWillUnmount() { store.off("change", this.onChange.bind(this)); } だとイベントが解除できないという問題が起こります。 そのため、事前にbind済みのハンドラを持っておく必要が出てきたりします。 サンプル この記事では上記のような、ボタンでカウントアップするだけのものを React - thisを普通にbindする手法 React - azu/idempotent-bindを使ってbindする手法 deku を使って書く の3つ書いてみます。 ソースコードはこちら azu/component-event-binding React - thisを普通にbindする手法 こ
[PR] React で Immutable な設計をうまく扱うためのライブラリを公開しました - Qiita
react-helixというライブラリを公開しました。 これは、私が作成したライブラリの PR 記事です。 react-helix は React で Immutable な設計をうまく扱うための小さなライブラリで、いわゆる Flux フレームワークの亜種になります。 亜種ですので Flux そのものではありませんが、その基本的な思想は継承しています。 その上で、ボイラープレートが不要なインターフェイスになるよう再設計してあります。 このライブラリの目標は、以下の3つです。 Action (ただの関数) を中心に、Model を Immutable にして、自然に View からビジネスロジックを引き剥がす。 Flux にあるボイラープレート (定数とかDispatcherへの処理登録とか) をゼロにする。 サーバーサイド レンダリングを妨害しない。 このライブラリを利用して作成したTOD
![[PR] React で Immutable な設計をうまく扱うためのライブラリを公開しました - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/44e5ca4f262bb3f692e66d48cc60b2ec724bc208/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCUFIlNUQlMjBSZWFjdCUyMCVFMyU4MSVBNyUyMEltbXV0YWJsZSUyMCVFMyU4MSVBQSVFOCVBOCVBRCVFOCVBOCU4OCVFMyU4MiU5MiVFMyU4MSU4NiVFMyU4MSVCRSVFMyU4MSU4RiVFNiU4OSVCMSVFMyU4MSU4NiVFMyU4MSU5RiVFMyU4MiU4MSVFMyU4MSVBRSVFMyU4MyVBOSVFMyU4MiVBNCVFMyU4MyU5NiVFMyU4MyVBOSVFMyU4MyVBQSVFMyU4MiU5MiVFNSU4NSVBQyVFOSU5NiU4QiVFMyU4MSU5NyVFMyU4MSVCRSVFMyU4MSU5NyVFMyU4MSU5RiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZmIxNjFjZjMyOWM2ZTdiYTY4NWE5YjNhYWNjZWJjOTI%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbXlzdGljYXRlYSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MGY3NWIyOWIyMzg3N2Y0ZDQ3NWQzMDk2N2E4NmE3MzE%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Da9d523048079bd3b6847aced490098ff)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
