Twitter azu azu_re | azu (@azu_re) のツイート

Oqwfdeq6 reasonably small

React 18は createRoot 以下にあるかどうかでいろいろな挙動が違うけど、これライブラリはどう対応するんだろ?

Oqwfdeq6 reasonably small

これ全く同じようなStateとUseCaseを実装した記憶がある…
遷移中のときは、色々ロードを止めたりunloadしたりするような感じの

Oqwfdeq6 reasonably small

遷移中を表現する`startTransition`について。
遷移中に不要なレンダリングをストップさせるために、`useTransition`で遷移中からのstateを取得できる。 "New feature: startTrans… twitter.com/i/web/status/1…

Oqwfdeq6 reasonably small

almin.js.org/docs/en/princi…
この辺の処理はAlminで自前で書いたことあるけど、やっとこの辺はReact側に任せれば良くなるんだ。

Oqwfdeq6 reasonably small

React 18では、`createRoot`を使った場合にstateの変更が自動的にbatch処理となり、レンダリングがまとめられる。
以前あった`unstable_batchedUpdates`が自動的にあたる。意図的に同期レ… twitter.com/i/web/status/1…

Oqwfdeq6 reasonably small

React 18ではテストAPIの`act`がDev modeでのみ動作するようになる。 "Planned changes to `act` testing API · Discussion #23 · reactwg/react… twitter.com/i/web/status/1…

Oqwfdeq6 reasonably small

React 17では、`useEffect`の中でDOM APIを使って同期的にイベントを設定すると動かなくなるケースあるという話 "Bug: useEffect Timing changes depending on if Po… twitter.com/i/web/status/1…

Oqwfdeq6 reasonably small

React 18ではNode.js Streamを使ったSSRをサポートする`renderToNodeStream`が追加される。
github.com/reactwg/react-… "Upgrading to React 18 on… twitter.com/i/web/status/1…

Oqwfdeq6 reasonably small

React 18ではバグを見つけるためにDev buildの`StrictMode`ではコンポーネントを2重にレンダリングする。
mount → unmount → とすることで意図しないeffectを見つける "Adding S… twitter.com/i/web/status/1…

Oqwfdeq6 reasonably small

React 18で`ReactDOM.render`の代わりとなる`React.createRoot` というRoot(Container)を作るためのAPIが追加された。
Legacy `render`のAPIは互換性のために維… twitter.com/i/web/status/1…

Oqwfdeq6 reasonably small

React 18の変更点まとめ "Introducing React 18 · Discussion #4 · reactwg/react-18" github.com/reactwg/react-… #React #issue

Oqwfdeq6 reasonably small

React 18のαリリースと変更予定について。
Automatic batchingと`flushSync`の追加、SuspenseのSSRサポートと`pipeToNodeWritable`の追加、Concurrentモードのo… twitter.com/i/web/status/1…

Oqwfdeq6 reasonably small

これDevモードだけど相当パフォーマンスに影響あるから、プロファイルはちゃんとproductionモードでやらないと駄目そう。
"Adding Strict Effects to StrictMode · Discussion… twitter.com/i/web/status/1…

Oqwfdeq6 reasonably small

Root変わるんだ "Replacing render with createRoot · Discussion #5 · reactwg/react-18" github.com/reactwg/react-…

Oqwfdeq6 reasonably small

見てる: "Automatic batching for fewer renders in React 18 · Discussion #21 · reactwg/react-18" github.com/reactwg/react-…

Oqwfdeq6 reasonably small

見てる: "ポケGOのNiantic「トランスフォーマー」の新作ARゲームを発表! - Oculus Go – Mogura VR" moguravr.com/transformers-h…

Oqwfdeq6 reasonably small

ESLint v8.0.0の変更予定について。
破壊的な変更として、Node 10のサポート終了`meta.hasSuggestions`と`meta.fixable`がそれぞれ必須に、`CLIEngine`の削除など。
またES… twitter.com/i/web/status/1…

Oqwfdeq6 reasonably small

見てる: "データ分析 SQL とその実行結果を共有・検索できるアプリ Bdash Server を作りました - クックパッド開発者ブログ" techlife.cookpad.com/entry/2021/06/…

Oqwfdeq6 reasonably small

見てる: "DesignOps推進の一環としてFigma上のコンポーネントを自動でnpmにpublishしてみる" zenn.dev/steelydylan/ar…