ReduxでのMiddleware不要論 - Qiita
問題提起 （※タイトルはキャッチーなのにしましたが、Middleware全般の不要論ではありません。非同期処理において不要論です。） Redux使うときに非同期処理はどう書きますか？ 「よくわからないけどMiddleware使うらしい」と思考停止していませんか？ この記事では、Reduxは本来どのように扱うことを想定されているのかと、なぜ非同期処理の文脈でもMiddlewareが出てきたのか、そして「実はMiddleware無くても読みやすく書けるよね」という話をしていこうと思います。 Reduxでの設計を悩む人への個人的な解です。 （気になる・詳しく知りたい箇所などありましたらお気軽にコメントください） この記事のゴール ActionDispatcherという筆者が命名したクラスを使うことで、 複数の非同期処理を含むロジックでも読みやすく書ける ネットワーク通信などを含んでもテストがしや
たぶんこれが一番分かりやすいと思います React + Redux のフロー図解 - Qiita
【追記】 もうこれ古いから参考にしないでください https://t.co/mXtcc73Orf — もし Laravel が流行しなくなってこられてきてたとしたら、絶対に捨てられてこられてたと思うか (@mpyw) January 26, 2021 Redux にはその昔 connect()() とかいうクソ API と， Redux-Saga とかいう宗教がありました という考古学です — もし Laravel が流行しなくなってこられてきてたとしたら、絶対に捨てられてこられてたと思うか (@mpyw) January 26, 2021 読者対象 Tutorial: Intro To React - React Example: Todo List · Redux 「チュートリアルそれぞれ一周した！Reactは何とか理解できたが，Reduxがさっぱりわかんねぇ！」 ぐらいの人向け。自分
redux-saga で DOMからアニメーションを分離した話 - Qiita
DOMアニメーションをredux-sagaに乗せる React + Redux でアニメーションといえば CSSアニメーションをマルチクラスでトリガーするものが殆どかと思いますが、要件によってはそれだけでは十分ではない場合があります。jQuery.animateでやっていた様に、インラインスタイルをゴリゴリ書き換えるものを React + Redux でも実現したいです。 しかし、多くのアニメーションライブラリはDOM参照する実装都合上、ref参照が必要になりStatelessを諦めなければいけなくなります。また、Presentational層にアニメーション終了などの action を発行する様なロジックを記述しなければいけません。 そこで、 Redux の副作用を扱う redux-saga を用いて実装したいと思います。動かすDOMは Store.state を参照するアプローチ。アニ
Obelisk.jsとReduxで3Dテトリス「Oberis」を作ってみた - Qiita
これは Redux Advent Calendar 2016 の1日目の記事になります。 作ったもの ソースコード / オンラインデモ カーソルキーで移動、スペースキーでポーズ、エンターキーでドロップ。回転は未実装。 構成 React.js + Redux + redux-saga + Obelisk.js Webpack Babel (ES2016, React, Stage-2) flowtype mocha + power-assert なぜ3Dテトリス? 業務で扱っている機能やアプリケーションではReduxを使っていてあまり困ったことがなく、1年以上のメンテナンスに耐えることができました。一方でReduxつらい、わからんという声は今でも一定数あります。そこで普段とは違ったタイプのアプリケーションを題材にしたら、これまで気付かなかった問題に出会えるかもしれないという期待をもってゲーム
Using React (-Native) with Redux and Redux-Saga. A new proposal?
Data Flow with Redux and Redux-Saga (proposal)I really love the principles I learned after switching from AngularJs to React and its Flux architecture. At the moment I’m working on a real world application for another company. After my first React-Native App with Redux, I decided to add Redux-Saga to the mix. Complex transactions and side effects should be readable and easy to maintain too. This b
GitHub - jeffbski/redux-logic: Redux middleware for organizing all your business logic. Intercept actions and perform async processing.
With redux-logic, you have the freedom to write your logic in your favorite JS style: plain callback code - dispatch(resultAction) promises - return axios.get(url).then(...) async/await - result = await fetch(url) observables - ob$.next(action1) Use the type of code you and your team are comfortable and experienced with. Leverage powerful declarative features by simply setting properties: filterin
redux-saga用語 - Qiita
最近redux-sagaについて調べていたのだが、用語の理解が曖昧だったので公式ドキュメントのGlossaryを雑に訳してみた。 Effect effectとはsaga middlewareによって実行される命令を含むプレーンなJavaScriptオブジェクトです。 redux-sagaライブラリが提供するファクトリ関数を使うことでeffectを生成できます。 例えば、call(myfunc, 'arg1', 'arg2')が返すeffectをyieldすることによって、middlewareに対してmyfunc('arg1', 'arg2')を呼び出して結果をGeneratorに返すよう指示します。 Task taskはバックグランドで走るプロセスのようなもので、redux-sagaを使ったアプリケーションでは複数のtaskが並列に動作します。fork関数を使うと下記のようにtaskを生成
Async Redux Module 1 // Speaker Deck
All slide content and descriptions are owned by their creators.
articles written by Joel Hooks
Hi there 👋 My name is Joel Hooks. I'm a skilled virtual assistant, software developer, and a collaborator at egghead.io. This is my personal site where I drop notes and articles about things that I am interested in. Generally speaking this journal will capture thoughts I have about building bootstrapped business, raising kids, learning, teaching, and my endless obsession with media and gear. The
redux-sagaで非同期処理を試してみた - Qiita
はじめに Bitbucket BrowserというBitbucket ServerのViewerをReactで作っていて、機能追加に伴い非同期処理部分がだんだん辛くなってきたので、勉強も兼ねてredux-sagaを使ってみたらどう改善されるのか試してみた。 なお、Bitbucketにはプラグイン機構があるのでプラグインとして実装するのが王道なのだが、Bitbucketが提供するREST APIを呼び出すだけで簡易的なViewerなら十分作れそうなので、HTML/JS/CSSのみで作っている。 使用ライブラリ 細かいライブラリも含めた使用バージョンは下記のとおり。なお、アプリケーション全体はTypeScriptで書いている。 "dependencies": { "babel-polyfill": "^6.9.0", "bulma": "0.0.26", "font-awesome": "^4
Using redux-saga To Simplify Your Growing React Native Codebase
Some of the most fragile, embarrassing, and unreadable code you will write is flow control. — Beowulf So What’s the Problem Here Anyway?Look. You know how it goes. Just call an API and grab the data. Simple right? No worries! Promise!Oh, but it might timeout after 30 seconds. So trap for that. And we should also handle server errors because the backend team is using PHP (zing!). Then once we get t
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)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - threepointone/react-redux-saga: react components for redux-saga
GitHub - goshacmd/redux-typed-saga: A type-safe alternative to redux-saga. // Using `yield*` in `finally` is currently broken in Babel / ES spec, as it will terminate the generator completely.
redux-saga - Saga Middleware for Redux to Handle Side Effects - Interview with Yassine Elouafi
GitHub - claudiorodriguez/redux-saga-event-iterator: An easy way of consuming an EventEmitter (e.g. socket.io) in redux-saga
GitHub - oreshinya/actionizer: Simple pub/sub for data flow like Redux.
GitHub - mhssmnn/redux-form-saga: Connecting Redux Form and Redux Saga through a saga.
GitHub - wadahiro/bitbucket-browser: Viewer for Atlassian Bitbucket (formerly Stash).
Manage side-effects efficiently with redux-sagas
