はじめに 数年前は私はメモ化警察でした。 「はーい、メモ化してなーい!」 脳死でメモ化してましたが、本当にメモ化って必要なのか考えるようになり、明確な答えを持たないまま、レビュー時にもメモ化が必要かという問いに「パフォーマンスに問題が出たら」という便利な言葉を使用し、逃げていました。 それはもう尻尾を巻いて。 そしてメモ化警察を退職しました。 煽りタイトルですが、いつメモ化すればいいかメモ化の基準とメモ化するかどうかの判断方法について、個人的に考察した考察記事となります。 今回はアニメーションなどなく、zen.devさんのようなWEBサービスを想定します。 この記事で取り扱わないこと Reactの書き方 メモ化の仕方 仮想DOMによる差分レンダリング Core Web Vitalsに関して メモ化の基準 早速結論ですが、レンダリング時に以下に当てはまる場合メモ化を検討するというのが私の結論
![じゃあさ、いつメモ化したらいいか具体的に言語化できんの?](https://cdn-ak-scissors.b.st-hatena.com/image/square/1b78913c318307c42a30f523e056e835682e13f0/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--4yDGXG0P--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252581%252598%2525E3%252582%252583%2525E3%252581%252582%2525E3%252581%252595%2525E3%252580%252581%2525E3%252581%252584%2525E3%252581%2525A4%2525E3%252583%2525A1%2525E3%252583%2525A2%2525E5%25258C%252596%2525E3%252581%252597%2525E3%252581%25259F%2525E3%252582%252589%2525E3%252581%252584%2525E3%252581%252584%2525E3%252581%25258B%2525E5%252585%2525B7%2525E4%2525BD%252593%2525E7%25259A%252584%2525E3%252581%2525AB%2525E8%2525A8%252580%2525E8%2525AA%25259E%2525E5%25258C%252596%2525E3%252581%2525A7%2525E3%252581%25258D%2525E3%252582%252593%2525E3%252581%2525AE%2525EF%2525BC%25259F%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Ashun_%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2M4YjE1MTNiMTEuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)