先日公開された React 18 の新機能や変更点について、@spring_raining が @uhyo_ に聞きました。

React 18 注目のアップデート

• React 18 release timeline (予定)
  • https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html
  • Library Alpha: 公開済み
  • Public Beta: 少なくとも数ヶ月
  • Release Candidate (RC): Beta公開後少なくとも数週間
  • General Availability: RC公開後少なくとも数週間

• React 18 alpha版発表まとめ: https://zenn.dev/uhyo/articles/react-18-alpha-essentials
  • Automatic Baching
  • Concurrent Mode → Concurrent Rendering

React 18 におけるSuspense

• <Suspense> 単位での部分的なSSRとHTMLストリーミング
• React Server Componentsとの関係は？
  • 参考: https://uit-inside.linecorp.com/episode/76

startTransition の役割

• startTransition のGlobal API化
• 「transition」による優先度の明示

StrictMode での useEffect の挙動

• StrictMode コンポーネント下では、より望ましい実装のため useEffectの挙動が変化する
  • useEffect(() => { /* ... */ }, []) が複数回実行される可能性
  • React の考える理想の Lifecycle と Effect
• Built-inで提供されるSuspenese Cache

Refs

• LINE 新卒採用 2022
  • https://linecorp.com/ja/career/newgrads/engineering/
• キャリア採用はこちらから
  • https://linecorp.com/ja/career/position/475
• BGM&SE
  • 魔王魂/騒音のない世界/OtoLogic

---

採用について

• LINEヤフー新卒採用
• LINEヤフー中途採用

使用素材・クレジット

• BGM&SE
  • 魔王魂
  • 騒音のない世界
  • OtoLogic