Redux Middleware Wars (Japanese)M3 Tech meetup! #2 ～フロントエンドの副作用～ http://m3-engineer.connpass.com/event/33802/
Building React Applications with Idiomatic Redux
This course will pick up where we left off with the Redux Fundamentals course. If you haven't watched that yet, you are highly encouraged to do so! You are about to learn practical production ready techniques for building your React and Redux applications. You will explore advanced state management, middleware, React Router integration, and other common problems you are likely to encounter while b
makeitopen.com · Building the F8 App
Every year, as part of the F8 conference, Facebook builds iOS and Android apps that give attendees a schedule for the conference, and let them learn more about the talks and speakers. The apps have also provided reminders for upcoming talks and ad-hoc announcements to attendees. We've released the 2017 source code on GitHub, and produced a series of tutorials. These are designed to introduce React
react, redux周りのパッケージ選定とKPT[2016-06-18現在] - Qiita
はじめに react, redux周りのnpmパッケージはまさに春秋戦国じだいがごとくパッケージが乱立し、訳がわからない状態になっています。 １か月後には全然違うKPTになってるかもしれませんが、現時点をログっておいて、１か月後に差分見たい。 [2016-06-18 追記]実際めっちゃ変わった。ウケる。 あくまで個人的な KPTですので悪しからず。 でもコメントは歓迎です。いろんな人とこの辺の構成の話したい^^ 前提 サーバーサイドレンダリングは不要 クローラーの対象になる必要がない画面なので reactらへん react(keep) いろいろと(以下参照)あるけど、5年後にreactが残ってるって保障なんかないけど、fluxと合わせてstatelessに作ったreactを見てると、少なくとも今はこれで良い、って思える。 * http://anond.hatelabo.jp/2016052
![react, redux周りのパッケージ選定とKPT[2016-06-18現在] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/9fb468e1b3d6c83c464e96b01685429bc2be2991/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-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9cmVhY3QlMkMlMjByZWR1eCVFNSU5MSVBOCVFMyU4MiU4QSVFMyU4MSVBRSVFMyU4MyU5MSVFMyU4MyU4MyVFMyU4MiVCMSVFMyU4MyVCQyVFMyU4MiVCOCVFOSU4MSVCOCVFNSVBRSU5QSVFMyU4MSVBOEtQVCU1QjIwMTYtMDYtMTglRTclOEYlQkUlRTUlOUMlQTglNUQmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWZmMjlmNDQxYTQzMGJhODI1ZGZlYjdhYzU3ZGYxMDM3%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDAxOTMmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTY0NTRkMDhlNTk2YWJmNmUzYWQ0MGU0OTQwYjEyYTc5%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Ddd7c80ec2ada22d594ec7d032e6aa3a8)
Two Weird Tricks with Redux
I have now used Redux pretty extensively in multiple projects by now, especially the Firefox Developer Tools. While I think it breaks down in a few specific scenarios, generally I think it holds up well in complex apps. Certainly nothing is perfect, and the good news is when you want to do something outside of the normal workflow, it’s not hard. I rewrote the core of the Firefox debugger to use re
React、Redux、D3を用いたアニメーション | POSTD
これは小さな粒を生成するものです。あなたがクリックした場所から、小さな円が生まれて飛び出していくのです。マウスを持って、動かしてみましょう。粒はカーソルから生み出され続けます。 モバイル機器や、マウスではなく指で動かすタイプのコンピュータだったらどうでしょうか。同じように動きます。 私はオタクなので、これが楽しいと思います。皆さんの見解は様々かもしれません。埋め込み画像をクリックして、円が飛ぶのを見てください。クールじゃないですか？ 仕組み これは全てReact、Redux、D3を使って作られています。アニメーションのトリックはありません。少しの賢さが必要なだけです。 一般的な方法を、以下で説明してみます。 私たちは、ページ、SVGエレメント、内部の粒といった 全てをレンダリングするためにReact を使います。この全ては、propを使ってDOMを返す、Reactコンポーネントを使って作ら
Reduxでコンポーネントを再利用する - Qiita
Reduxはとりあえず使えるようになった後の情報が少ないように感じています。よく出回っているサンプルコードは「Real World 〜」のような名前がついていたとしても、あくまで雰囲気を味わうために用意されたものに毛が生えた程度で、現実に起こる問題に対する回答や指針を示しているわけではありません。業務で使うことを検討するのであれば、プロダクトの成長と共にどうやってスケールしていくかイメージできないと導入に踏み切れないですよね。本稿ではサンプルコードより大きな規模で開発していくために、Reduxにおけるコンポーネントの再利用について紹介します。 実現したいこと コンポーネントの再利用によってどのようなことを実現したいのかイメージしてもらうため、馴染みのあるアプリケーションの機能を具体例として挙げてみます。 Gmailで名前にマウスオーバーしたときに出るプロフィール情報 プロフィール画像の表示
Gordux.js - The redux pattern in vanilla.js
I love the idea of Redux. Managing state in an application is critical! There is nothing like “the state of a web application”. Let’s go back a few years when there were none of these “javascript applications”. The query string did a quite good job in shipping the document (aka web application) with a predictable state. If we change application state we do this by following a hyperlink :cool:. Som
Redux の Reducer で非同期の状態変更を扱えるように拡張した「Rxdux」について - Qiita
Redux の不満 Fluxの実装であるReduxの不満点のうちの１つとして、Reducerの扱いがある。もちろんReducerの考え方とそれによるStoreの状態管理、およびcombineReducersによる状態の分割統治についてはまあよいのだけれども、Reducerには同期的な状態変化しか扱えない（扱わない）という制約がある。得てして実際のアプリではモックで同期処理で行っていたことでがいつの間にか非同期の処理となったりすることもあり、その場合Reducerで上手くやってたことでもAction Creatorの方に移動しなきゃいけなくなったりする。 Action Creatorsでは現在のState情報を見るのにはgetState()といきなりStateツリー全体にアクセスすることになる。Reducerではうまくできていた分割統治がここでは厳しくなる。なんとかMiddlewareで工夫
GitHub - jarvisaoieong/redux-architecture: elm architecture in redux with redux-loop
elm architecture in redux In classical Redux, which side effect is handled by thunk middleware, is not fractal (a term that is nicely explained by @stalz) Even with some new Redux additions, like redux-saga, are also not composable in a fractal way with the rest of architecture. I think elm architecture has found the proper way to do it right. Beside composing Views, State and Reducers (which are
Redux 4 breaking changes · Issue #1342 · reduxjs/redux
Creating this issue to keep a pile of breaking changes we want to release at once. This doesn’t mean we plan to do much breaking changes! Mostly they are cosmetic but since we’re using semver, we want to batch them. This is why this issue exists. Updated TypeScript bindings (for TS 2.0+) Remove ActionTypes from createStore exports. It was never intended to be a part of public API. It is not visibl
アプリ開発と状態遷移の管理 - ninjinkun's diary
このエントリーは読者としてスマートフォンアプリ開発者とWebフロントエンドエンジニアを想定して書いています。 CROSS2016に出るので、最近の自分の考えを整理しておく。 最近ReduxのSwift実装であるReSwiftを使って開発している。使った感想なども最後の部分に書いたけれど、このエントリーの本題はアプリの状態管理の話。 アプリは大きなシングルトン iOS、Android共にアプリを実装しようと思うと大抵シングルトンが必要になる。各ViewController内をまたがってデータを共有したいというユースケースが多いからだ。例えば ユーザーのログイン情報を集約するUserManager コンテンツへのいいね情報を集めるLikesManager ブックマーク情報を集めるBookmarkManager などなど。もちろんアプリの内容によってこれらの顔ぶれは違ってくると思うけれど、大抵U
ReduxをつかってSPAを作ったので、知ったことを整理する。 - Qiita
祝日ですね。ぼくはいまだに無職なのであまり関係ありませんが。 どんなアプリ slim-templateで作成したメモをタグ付けして閲覧できる、ブログから日付によるカテゴライズを抜いたようなメモアプリです。 あまりにも自分用な内容のものをまとめるためにつくりました。 Memo Dock 閲覧画面 編集画面 Reduxを知った Reduxはアプリケーションの状態（State）を管理する仕組みを提供します。 Stateを保持するStore、Stateの変更を行うReducer、Stateを変更する引き金や材料を運搬するAction、を明確に分けることにより秩序をもたらします。 Storeのdispatchメソッドの引数にActionを渡すこと（Dispatching an action）により、ReducerがStore内の状態を変更するのがおおまかな流れです。 Action Actionは{}
GitHub - ReSwift/ReSwift: Unidirectional Data Flow in Swift - Inspired by Redux
ReSwift is a Redux-like implementation of the unidirectional data flow architecture in Swift. ReSwift helps you to separate three important concerns of your app's components: State: in a ReSwift app the entire app state is explicitly stored in a data structure. This helps avoid complicated state management code, enables better debugging and has many, many more benefits... Views: in a ReSwift app y
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Optimize things a little bit by gaearon · Pull Request #1 · mweststrate/redux-todomvc
Redux Middleware in Depth - Qiita
GitHub - kitten/fluorine: [UNMAINTAINED] Reactive state and side effect management for React using a single stream of actions![GitHub - kitten/fluorine: [UNMAINTAINED] Reactive state and side effect management for React using a single stream of actions](https://cdn-ak-scissors.b.st-hatena.com/image/square/e180942fba9c8f8a65c8eed2e248f3b4969b9c3a/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2Fe37cbfd4848314c6adb00d23abca3266cd7a91973ab1b8ce38aed0b43e8afae5%2Fkitten%2Ffluorine)
GitHub - matthewmueller/socrates: Small (8kb), batteries-included redux store to reduce boilerplate and promote good habits.
Redux's brand id · Issue #151 · reduxjs/redux
GitHub - redux-loop/redux-loop: A library that ports Elm's effect system to Redux
