Redux と React Context API - 適材適所のススメ - Qiita
Dave Ceddia氏によるRedux vs. The React Context APIを本人の許可を得て意訳しました。 誤りやより良い表現などがあればご指摘頂けると助かります。 原文： https://daveceddia.com/context-api-vs-redux/ React 16.3は新Context API（旧Context APIはほとんど知られておらず、また非推奨であったことから、生まれ変わったと言っても良いでしょう）を追加しました。 Context APIはReactの第一級オブジェクトとして公式のものとなったのです。 React 16.3 が登場するや否や、Context APIがもたらすReduxの終焉についての記事がWeb上を賑わせました。しかしReduxは言うでしょう、「私が死ぬだって？馬鹿馬鹿しい」と。 この記事では、新Context APIの機能、Re
Redux vs. The React Context API
👋 Hey! If you have a subscription to egghead.io you might enjoy my course on the Context API over there. It's only about 35 minutes long and covers a lot of ground: how to manage state with Context (without Redux), patterns for structuring your code, how to display notifications, testing, performance. All in real-world scenarios. React Context for State Management React 16.3 added a new Context A
React Context APIについて - Qiita
この記事ではReact Context APIについて見ていきたいと思います。 YouTube 動画で閲覧されたい方は以下の画像リンクからどうぞ！ 背景 まずは、React Context APIの背景についてお話ししたいと思います。 Reactでは、配下のコンポーネントにデータを渡すための手段としてpropsという機能が提供されています。 ところが、このpropsを使用すると、親コンポーネントから子コンポーネントへ、さらに孫コンポーネントへ、...、といった具合で、渡したいコンポーネントまで渡したいデータをバケツリレーのように延々と渡していかなければならない弱点がありました。これをprop drilling問題と言います。 その問題を解消するべく、どのコンポーネントからでも特定のデータにアクセスできる仕組みがreact-reduxから提供されています。 Reduxを使用したことのある人な
Context APIを活用して、Reduxのstate管理から外したAccordionコンポーネントを作る - Qiita
Context APIを活用して、Reduxのstate管理から外したAccordionコンポーネントを作るJavaScriptUIJSXECMAScriptReact どんなところでも開いたり閉じたりしたい Webでは結構おなじみになっているものかと思いますが、「もっと見る」ボタンをポチッと押したら要素がべろーんと出てくるようなものをAccordionなんていいますね。 React+Reduxで作っている場合は、純粋にリストの項目をボーンとStoreにぶん投げてしまえばべろべろーっと出るのでそこまで意識しないかと思います。 ただ、一旦デザイン的には要素を閉じておくけど、 別に通信するわけでないのでもともと静的に持っているDOMをべろんと出したいなんてこともよくありますよね？ 「いやいや、こんなアコーディオンが開いてるとか閉じてるとか、そんなことのためにわざわざAction作りたくないねん
React v16.3.0: 新しいLifecycleメソッドとcontext API【日本語翻訳】
3月29日に待望のReact v16.3.0がリリースされました。前回のv16.2.0のリリースから約5ヶ月が経ちます。今回の目玉機能はcontext APIと言われていましたが、ライフサイクルメソッドの変更や、ref周りの機能強化などマイナーバージョンアップにしては大きなリリース内容となっています。しっかり把握するためにReactの公式ブログの記事「React v16.3.0: New lifecycles and context API」を訳してみました。 React v16.3.0: New lifecycles and context APIMarch 29, 2018 by Brian Vaughn A few days ago, we wrote a post about upcoming changes to our legacy lifecycle methods, inc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RFC: New React Context API · Issue #1106 · formatjs/formatjs
