React 18 プレビュー
(gist.github.com/seonghyeonkimm)<p>* React 18 rcが確定したことで、どのような機能が追加されたのかを見てみよう<br />
<br />
* Automatic batching for fewer renders<br />
* React 18以降では、promise、setTimeout などで発生した連続的な setState もバッチとして処理<br />
<br />
* SSR support for Suspense<br />
* SSRでも Suspense を使えるように改善<br />
<br />
* Concurrent features 追加<br />
* useTransition: urgent と not urgent の state update を区別。debouncing していたコードもこの hook を使って改善可能<br />
* useDeferredValue: startTransition の中に state を更新するコードを入れるのと同じように、state の遅延された値を使うことが可能<br />
* useId: unique な id を使えるように改善<br />
* useSyncExternalStore: internal store である props、state を除き、外部の mutable な object の変化を検知して component の state として使えるようになった。<br />
<br />
* StirctMode + StrictEffect<br />
* 今後追加される OffScreen API と、すでに追加されている Fast Refresh に関連して問題を引き起こしうるコードがあるかを確認するため、effect を含めて dev 環境では 2 回 rendering される。コンポーネントコードを書くときは、mount、unmount、mount のように effect が何回実行されても問題のないコードを書く必要がある。</p>
まだコメントはありません。