2021年11月15日に React 18 の beta がリリースされました。
React 18 is now in beta
https://github.com/reactwg/react-18/discussions/112
RC は beta の数ヶ月後
リリースは RC の数週間後
の予定だそうです。
おそらくですが、2022年初頭くらいのリリースになるんじゃないでしょうか。
The Plan for React 18
https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html
大きな変更としては、
Suspense が SSR でも使えるようになったり
ReactDOM.render が ReactDOM.createRoot に変わる
また、以下の Hooks が追加されます。
useSyncExternalStore
useId
useInsertionEffect
日本語だと以下の記事が詳しいです。
React 18 alpha版発表まとめ
https://zenn.dev/uhyo/articles/react-18-alpha-essentials
React 18に向けてのプラン
https://ja.reactjs.org/blog/2021/06/08/the-plan-for-react-18.html
The Plan for React 18
https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html
「React 18」リリースに向けたプランが発表、開発者向けにアルファ版も公開 – 2021/6/16
https://codezine.jp/article/detail/14371
並列的 UI パターン(実験的機能)
https://ja.reactjs.org/docs/concurrent-mode-patterns.html
サスペンスを使ったデータ取得(実験的機能)
https://ja.reactjs.org/docs/concurrent-mode-suspense.html
React 18とはなにか、Fiberの観点から理解する – 2021.06.30
https://zenn.dev/noyan/articles/5c2d2d6089a9ff
Reactコンポーネントの定義にFCではなくVFCを使う
https://ikesyo.hatenablog.com/entry/2020/12/18/141737
2021-06-15のJS: React 18 αリリース
https://jser.info/2021/06/15/react-18-a-deno-1.11docker-images-plotly.js-2.0
Everything New In React 18!
ReactはなぜFiberで書き直されたのか?Reactの課題と将来像を探る
https://html5experts.jp/shumpei-shiraishi/23265
React.VFC
React.FCとは Function Component の意味です。
React.VFCとは何ぞや
https://qiita.com/tttocklll/items/c78aa33856ded870e843
React.FC と React.VFC はべつに使わなくていい説 – 2021年06月14日
https://kray.jp/blog/dont-have-to-use-react-fc-and-react-vfc
コンポーネントと props
https://ja.reactjs.org/docs/components-and-props.html
Reactアプリケーションを高速化するための方法
https://qiita.com/SoraKumo/items/2163f75cf3b054c1f626
children とは?
コンポジション vs 継承
https://ja.reactjs.org/docs/composition-vs-inheritance.html
React HooksのuseStateがどういう原理で実現されてるのかさっぱりわからなかったので調べてみた – 2019/02/09
https://sbfl.net/blog/2019/02/09/react-hooks-usestate
ブログのReactを16.8にあげてReact Hooksで書き換えてみた – 2019.2.7
https://mottox2.com/posts/288
その他記事
2021年現在Vueを選択すべきでないと思う理由 – 2021.9.25
https://zenn.dev/coder_ka/articles/275b551d662e35
コメント