なぜReactは標準でComponentをmemo化しないのか？
はじめに 普段はスタートアップでBtoB SaaSの開発をしているtaroと申します。 今回は、Reactのmemo化について考えている中で抱いた 「なんでReactは標準でComponentをmemo化していないんだろう？」 という疑問を解消するために、色々と調べたり考えたりした内容をまとめました！ 途中でrenderのタイミングや、memo化で再renderが抑えられる理由などの前提知識の復習も含めていて、memo化について詳しくない方もmemo化の勉強にもなると思うので、ぜひぜひ読んでみてくださいー！ なぜこんな疑問を抱いたのか？ まずはそもそも僕がタイトルにあるような疑問を抱いた背景です。 疑問を抱くまでの思考プロセスはこんな感じです。 「再renderが余分に走ってて画面が重いから最適化したいなー」 →「React.memo()を使ってComponentをmemo化しよう！」 →
ポートフォリオに役立つJavaScriptプロジェクト40選（動画あり） - Qiita
本記事は、Simon Holdorf氏による「40+ JavaScript Projects For Your Portfolio [With Videos!]」（2021年1月5日公開）の和訳を、著者の許可を得て掲載しているものです。 ご好評いただいている記事「2020年にフロントエンド開発者が作りたい9つのプロジェクト」の2021年改訂版です！ 続編はこちら！「フロントエンド開発者のための刺激的なプロジェクト10選」 Photo by Patrick Tomasso on Unsplash はじめに 最初から正直に言いましょう。プログラミングに関する本を何冊読んでも、動画を何本見ても、ポッドキャストを何本聞いても、より優れた開発者になりたいのであれば、継続的な練習は欠かせません。 フロントエンドの世界には、React、Angular、Vueなど多くのフレームワークが存在します。どれも素
JavaScriptのレガシー挙動を定めたAnnex Bをひたすら読む記事
ECMAScript Annex Bおよび関連する仕様を読みます。 おことわり 言うまでもありませんが、ここで説明されている機能は使わないようにしましょう。 筆者がJavaScriptを書き始めたのは2005年頃で、その後2010年代は実質的な空白期間でした。そのため本記事に含まれる歴史的背景の説明は、2005年頃の筆者が学んだ内容に加えて、当時の資料を遡って調査した結果に基づいて記載されています。できる限り信頼性の高い情報を見つけた上で記述するよう心がけましたが、当時常識だった知識の欠落等により不正確な記述になっている部分があるかもしれません。もし誤り等があったら指摘いただけると嬉しいです。 現在のzennでは <sub></sub> や <ins></ins> は描画されていませんが、心の目で下付き文字や下線装飾に読み替えてください。 ECMAScript Annex B とは ECM
Vue.jsへの移行は「近道なし」 - クラウドサイン最初のフロントエンドエンジニアに聞く、jQuery卒業プロジェクトの実際
Vue.jsの選定理由を「最初のフロントエンドエンジニア」に訊く -- 自己紹介をお願いします。 芳賀 将⾄と申します。 高等専門学校を卒業した後、新卒でSIerに入社しました。その後官公庁向けのパッケージサービス開発などを経て、2017年に弁護士ドットコムに入社しました。 クラウドサインではフロントエンドをメインとする最初のエンジニアでしたので、しばらくの間はフロントエンドの設計から実装までほとんどを担当していました。去年の10月からは、エンジニアチームマネージャーも務めてしています。 -- 最初のフロントエンドエンジニアとのことですが、クラウドサイン以前の仕事でもフロントエンドを担当されていたのですか？ 専任ではありませんでしたが、フロントエンド寄りの仕事はしていましたね。SIer時代はJavaを使ったバックエンドの開発が主でしたが、その後フロントエンドに近い仕事も担当するようになりま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
