React

Reactで下層のコンポーネントにPropsを渡すためにバケツリレーをやめたいときにコンテクストを使うことは有効ですが、公式では使うときに注意すべきことが書かれています。

コンテクストは主に、何らかのデータが、ネストレベル ...

Reactの開発に携わっているDanのブログで書かれていた内容です。

このブログの例では、ExpensiveTreeという遅いコンポーネントが存在しています。

このコンポーネントのレンダー回数を最小にするための ...

あまり業務上では使わないかもしれませんが、何らかのツールでフロー図を使うことがあるかもしれません。

そのようなときはReact Flowというモジュールが便利そうでした。

Starの数も多いし、PR(プルリク) ...

react-beautiful-dndを使ってみての感想。

GithubのStarが多い

トレンドで見ても、Star数が多いです。

現在は開発がSTOPしている？？

Githubの文章を読むと、現在はセキュリティの ...

ReuxはReactのライブラリで、アプリケーション全体の状態を一箇所で管理することができ、バグも追いやすい便利なライブラリです。

しかし、実装するファイル数が多かったり、決められたディレクトリ構造がなかったりという欠点が ...

ReactにはuseLayoutEffectというhookが存在します。

公式ドキュメントには以下のように書かれています。

この関数のシグネチャは useEffect と同一ですが、DOM の変更があった後で同 ...

レンダーというと「描画する」という日本語のニュアンスを想像しますが、Reactのレンダー(フェイズ)だと少し違った意味になります。

レンダーフェーズでは、変更対象（例えば DOM）にどのような変更が必要か決めます。このフェ ...

非同期の処理を行うときはRedux-thunkを使うという発想があったのですが、そもそもどういうときに使うのが良いのかを改めて調べてみました。

結論からいうと、こちらでRedux-thunkを作成したDanがStackOv ...

Reactの関数コンポーネントでlodashのdebounceをそのまま使うと、毎回関数が実行されてしまってうまく機能しません。

これはdebounceが内部的にsetTimeoutを使用していることと、関数コンポーネント ...

ボタンコンポーネントにonClick時に実行したい関数を渡す場合は、以下のように書くことができます。

<button onClick={this.handleClick}/><button onClick={( ...