React、Redux、D3を用いたアニメーション | POSTD

これは小さな粒を生成するものです。あなたがクリックした場所から、小さな円が生まれて飛び出していくのです。マウスを持って、動かしてみましょう。粒はカーソルから生み出され続けます。 モバイル機器や、マウスではなく指で動かすタイプのコンピュータだったらどうでしょうか。同じように動きます。 私はオタクなので、これが楽しいと思います。皆さんの見解は様々かもしれません。埋め込み画像をクリックして、円が飛ぶのを見てください。クールじゃないですか？ 仕組み これは全てReact、Redux、D3を使って作られています。アニメーションのトリックはありません。少しの賢さが必要なだけです。 一般的な方法を、以下で説明してみます。 私たちは、ページ、SVGエレメント、内部の粒といった 全てをレンダリングするためにReact を使います。この全ては、propを使ってDOMを返す、Reactコンポーネントを使って作ら

[Dai_Kamijo]

React、Redux、D3を用いたアニメーション | プログラミング | POSTD @POSTDccさんから — 上條　大 (@Dai_Kamijo) April 18, 2016 from Twitter https://twitter.com/Dai_Kamijo April 18, 2016 at 01:02PM via IFTTT

[uehaj]

{::this.startTicker}というシンタックスは、ES2016に見られます。{this.startTicker.bind(this)}と同等です。これを使うには、Babelのコンフィギュレーションのstage-0を有効にしてください。

[amagitakayosi]

D3の使い方ハラハラする

[kuy]

これ、D3をjQueryみたく使ってる案件だ。D3ほぼ関係なし！

[udzura]

こういうことしたい

[kitokitoki]

mapStateToPropsすればいいのではないだろうか「ストアを私たちのコンテクストとして得るために、contextTypesを定義しなければなりません」