LINEバイトのフロントエンドチームで最近実施されたReact 18へのアップグレードについて、＠spring_raining が @kazushikonosu に聞いてみました。

LINEバイトとReact

• ep. 127でちょっとだけ出てきた話
• LINEバイトについて
  • 技術スタックなど
• React 18へのアップグレード時に行った実際の作業
  • React 18にアップグレードさせるための下準備

React 18での変更点

• React 18 Alpha登場時のエピソード: https://uit-inside.linecorp.com/episode/89
• https://reactjs.org/blog/2022/03/29/react-v18.html
• https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html
• Suspense の追加
  • <Suspense> で分割する Streaming SSR
• Transition の導入
  • startTransition API でコンポーネントの更新優先度を制御
• StrictMode は試してみた？

React 18にアップグレードした感想

• 実際にかかった作業時間や難易度
• Reduxと併用するときに工夫したところ
• 既存のReactプロジェクトはアップグレードするべき？ どのようなケースでアップグレードしたほうが良い？

Refs

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

---

採用について

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

使用素材・クレジット

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