React のコード読んでたら Flow にボコられてん。せやから、一緒に理解してみよか〜

DRANK

クロスマート・テックアドベントカレンダーの 12/14 の記事です 😸 🧀 ばっかり食べて太り気味のフロントエンドエンジニアの @nyaomaru です！突然ですが、 React のコードを deep reading し始めたのですが、「component の memo って、Fiber & props/state の更新がない時に bailout してるんだ！」「v19.2 の <Activity> は OffScreen で wrap して mode 判定してるんか〜！」「Flag 管理を boolean じゃなくて bit flag でやってるんか、やから複雑な状態があっても高速な処理が実現できてるねんなぁ〜」などなど、毎日新しい発見があってめちゃくちゃ楽しいです。年末年始で時間がある人は、ぜひ一度読んでみるのはいかがでしょう？「ガキ使」がない代わりに、「絶対に挫折してはいけない React deep reading で年越しや！」みたいな？知らんけど。ただ、読み進めていく中で、普段は TypeScript を読むのに慣れているので、 React が採用している Flow の型付けが TypeScript と異なる箇所があり、つまづくポイントが多いです。というか、よくわからなくて挫折しかけました。「え、これ何の記法？ 型？ コメント？ 呪文？」ってな具合で、脳みそが直接物理でボコら…