[B! TypeScript][JavaScript][C] slay-tのブックマーク

slay-t id:slay-t

TypeScriptとJavaScriptとCに関するslay-tのブックマーク (2)

[React]ContextAPIのアンチパターン
ContextAPI と useState は本来組み合わせてはいけない ContextAPI の機能は、コンポーネントの階層を飛び越えてデータを配信することにあります。しかしここで気をつけなければならないのが、Provider に設定する値を useState で管理すると、Provider を持っているツリーが全て再レンダリングされることです。この書き方は最悪のアンチパターンです。アンチパターン Provider に渡す値を更新をするのに上位のコンポーネントの useState のディスパッチャーが使用しています。どれか一つでも値を更新すると、全てのコンポーネントが再レンダリングされます。ContextAPI での解説などでこの方法をよく見かけます。しかし値一つの変更で全てを再レンダリングするなら、状態管理の必要性そのものが無くなってしまいます。これはやってはならない書き方です。 i
slay-t 2022/01/19
console

const

C

react

TypeScript

javascript

**css

ボタン
リンク
JavaScript の Class Static Blocks について
この記事では現在 Stage 3 の Class Static Blocks について解説する。なお、まだ現時点で Stage 3 であるため実装状況や細かい仕様は今後変更される可能性がある。概要 Class Static Blocks プロポーザルは、クラス内でスタティックなメンバにアクセスできるブロックの構文を導入する。次のコードの static { から始まるブロックが新たに導入される構文である。このとき、スタティックブロック内のthis.fooはスタティックなメンバである。 class C { static foo; static { this.foo = "foo"; } } スタティックブロックはクラスCが評価されるタイミングで実行される即時実行関数のようなものと見ることもできる。また、クラスは複数のスタティックブロックを持つことができ、その場合は上から順に実行される。
slay-t 2021/07/06
class

const

javascript

C

TypeScript
リンク
1