[B! redux][react] zyxwvのブックマーク

React + Redux: Scrolling a DOM element after state change

zyxwv 2019/03/02

“Now since you want to scroll down after a new message is pushed to the messages state, the best place to do this would be componentDidUpdate()”

react
redux

リンク

How to dispatch a Redux action with a timeout?

Don’t fall into the trap of thinking a library should prescribe how to do everything. If you want to do something with a timeout in JavaScript, you need to use setTimeout. There is no reason why Redux actions should be any different. Redux does offer some alternative ways of dealing with asynchronous stuff, but you should only use those when you realize you are repeating too much code. Unless you

zyxwv 2017/05/01

非同期なアクションの扱いかた

redux
react

リンク

Reduxでコンポーネントを再利用する - Qiita

Reduxはとりあえず使えるようになった後の情報が少ないように感じています。よく出回っているサンプルコードは「Real World 〜」のような名前がついていたとしても、あくまで雰囲気を味わうために用意されたものに毛が生えた程度で、現実に起こる問題に対する回答や指針を示しているわけではありません。業務で使うことを検討するのであれば、プロダクトの成長と共にどうやってスケールしていくかイメージできないと導入に踏み切れないですよね。本稿ではサンプルコードより大きな規模で開発していくために、Reduxにおけるコンポーネントの再利用について紹介します。実現したいことコンポーネントの再利用によってどのようなことを実現したいのかイメージしてもらうため、馴染みのあるアプリケーションの機能を具体例として挙げてみます。 Gmailで名前にマウスオーバーしたときに出るプロフィール情報プロフィール画像の表示

zyxwv 2017/04/21

redux
react

リンク

[redux] Presentational / Container componentの分離 - react-redux.connect()のつかいかた - Qiita

[redux] Presentational / Container componentの分離 - react-redux.connect()のつかいかたReactredux ReduxをReactと同時につかうときは，コンポーネントをPresentational componentとContainer componentに分離することがプラクティスの一つらしいです．このための道具としてconnect()関数がreact-reduxパッケージで提供されています． http://redux.js.org/docs/basics/UsageWithReact.html に詳しいです．表示のみに専念するPresentational componentとロジックのみに専念するContainer componentを分離することで，コンポーネントの再利用性を高めることができる，らしいです．自分

zyxwv 2016/10/26

component はビューだけ、container はロジックだけ

react
redux

リンク

React+Redux入門 - Qiita

※この記事を書いたのは2016年4月です。Qiitaでは記事をアップデートするとその日付のみが表示されていまうため、新しい記事のように見えるかもしれませんが、現代ではもっと進化していることにご注意ください。素直にReact Hooks を使いましょう。あと Redux は用法用量を守って気をつけて使ってください。なんならReduxは使わない方がいいでしょう。最近のモダンなウェブフレームワークと言えば、React+Reduxですよね。でも、なんか難しそうとか、ReactってPHPみたいにViewにロジック混ざりそうとか感じて尻込みしていませんか？それはただの誤解かもしれません。React+Reduxはそんなに難易度の高いものではありません。ただ単に、新しい概念で構成されているから、カルチャーショックのようなものがある、というだけのことです。React+Reduxに入門してみましょう。僕自

zyxwv 2016/10/25

mapStateToProps(state) は react に値を渡す関数に名付けられる。mapDispatchToProps は react に action creator を渡す関数に名付けられる。

リンク

はてなブックマーク

タグ

関連タグで絞り込む (1)

reduxとreactに関するzyxwvのブックマーク (5)

お知らせ

月間はてなブックマーク数ランキング（2024年10月）

今週のはてなブックマーク数ランキング（2024年10月第4週）

今週のはてなブックマーク数ランキング（2024年10月第3週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス