[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

143users がブックマーク コメント 21

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

Reactに有利なベンチマークを作ってみた - Qiita

143 users qiita.com/uhyo

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページ

記事へのコメント21

  • 注目コメント
  • 新着コメント
z1h4784
この条件でSvelteと300msしか差がないんだ。仮想DOMイラネ勢が出てくるのも分かる

その他
tokuniimihanai
「非仮想DOMのライブラリでは、リアクティブシステムと実DOMが直結している限り、このようなスケジューリングは原理的に不可能」なるほど/こういう具体的な比較は勉強になるし非常に良いですね

その他
wordi
これはタイトル通り一覧のレンダリングをstartTransitionでラップして、"ball"連続入力中に不要になった途中の一覧レンダリングをスキップさせてReactを有利にしてる、startTransitionを外すとVueとほぼ同速になるよ

その他
uehaj
デバウンスするのと何が違うかだが、Reactコンカレントレンダリングでのトランジションは対象の描画を必要があれば遅らせるが、高速なマシンでは遅延させない。つまりアダプティブなデバウンスと見ることができる

その他
ultimatebreak
Vue信者ワイ、React頑張って勉強してるけどまだReactの良さがわからない。修行が足りないのか

その他
yamadashy
CPU の 4x slowdown にすると顕著に違いがわかった

その他
yarumato
"筆者の考えではReactは今でも、もっとも真剣にパフォーマンスに取り組んでいる。Reactが有利になるベンチマークアプリを作成。高負荷の状況でもReactが最も快適に入力できる。ジョブスケジューリングに注力してるから"

その他
igrep
"他のライブラリは同等のスケジューリングを実装していないので、1文字入力されるたびに高負荷の更新が入り、次の入力の更新を阻害してしまう" コメントにもあるとおり工夫の余地はありそう

その他
corner0427
スマホで見ても体感差が出ないし、極めて遅いマシンで3700個も要素を並べないと差が出ないとも読めるけど

その他
corner0427
corner0427 スマホで見ても体感差が出ないし、極めて遅いマシンで3700個も要素を並べないと差が出ないとも読めるけど

2022年07月14日 リンク

その他
dkanikama
いい記事だし、いいコメント欄だし、いい企画だ

その他
dalmacija
おもしろい

その他
uehaj
uehaj デバウンスするのと何が違うかだが、Reactコンカレントレンダリングでのトランジションは対象の描画を必要があれば遅らせるが、高速なマシンでは遅延させない。つまりアダプティブなデバウンスと見ることができる

2022年07月13日 リンク

その他
wordi
wordi これはタイトル通り一覧のレンダリングをstartTransitionでラップして、"ball"連続入力中に不要になった途中の一覧レンダリングをスキップさせてReactを有利にしてる、startTransitionを外すとVueとほぼ同速になるよ

2022年07月13日 リンク

その他
igrep
igrep "他のライブラリは同等のスケジューリングを実装していないので、1文字入力されるたびに高負荷の更新が入り、次の入力の更新を阻害してしまう" コメントにもあるとおり工夫の余地はありそう

2022年07月13日 リンク

その他
ultimatebreak
ultimatebreak Vue信者ワイ、React頑張って勉強してるけどまだReactの良さがわからない。修行が足りないのか

2022年07月13日 リンク

その他
yarumato
yarumato "筆者の考えではReactは今でも、もっとも真剣にパフォーマンスに取り組んでいる。Reactが有利になるベンチマークアプリを作成。高負荷の状況でもReactが最も快適に入力できる。ジョブスケジューリングに注力してるから"

2022年07月13日 リンク

その他
poad1010
この記事をおすすめしました:

その他
z1h4784
z1h4784 この条件でSvelteと300msしか差がないんだ。仮想DOMイラネ勢が出てくるのも分かる

2022年07月13日 リンク

その他
programmablekinoko
Reactはフレームワークではなくライブラリと聞くけど、ブラウザ描画用OSみたいなイメージになった。逆にReactのジョブスケジューリングとかステートによる描画管理とか、ブラウザのDOM API標準にならんもんだろうか

その他
yamadashy
yamadashy CPU の 4x slowdown にすると顕著に違いがわかった

2022年07月13日 リンク

その他
umai_bow
いい実例

その他
advancive61
勉強になった

その他
rgfx
"Reactがジョブスケジューリングに力を入れているからだと考えられます"

その他
prograti
なるほど、参考になりました。開発者ツールのパフォーマンス計測でレンダリングのタイミングとか細かく比較すると面白そうですね。

その他
tokuniimihanai
tokuniimihanai 「非仮想DOMのライブラリでは、リアクティブシステムと実DOMが直結している限り、このようなスケジューリングは原理的に不可能」なるほど/こういう具体的な比較は勉強になるし非常に良いですね

2022年07月13日 リンク

その他
tofu-kun
良い視点

その他
hase0510
そういえばReact.jsの登場時はめちゃくちゃ速いというのが大々的にアピールされてた気がする。最近はそういう話を見ないから忘れてた。

その他
door-s-dev
reactのバージョン下げたらどうなるのか試してみたい

その他
KoshianX
へええ、仮想DOM別に速くないじゃんってツッコミもあったけどこういう状況だと有利に働くのか。

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「Reactに有利なベン...」が注目されています。

気持ちをシェアしよう

ツイートする

Reactに有利なベンチマークを作ってみた - Qiita

皆さんこんにちは。現在、フロントエンドでは宣言的UIが大流行しており、そのためのライブラリもReactを... 皆さんこんにちは。現在、フロントエンドでは宣言的UIが大流行しており、そのためのライブラリもReactを筆頭に複数存在しています。 ライブラリが複数存在するところには当然のように比較や論争が起こるものですが、UIライブラリの場合はパフォーマンスがよく焦点となります。 筆者はReactの信者ですが、Reactは古株ということもあってか、最近の議論ではReactは他のライブラリと比較されるかませ犬のような役割を担うのがよく見られます。「仮想DOMは必要ない」といった類のものです。 しかし、筆者の考えではReactは今でも、もっとも真剣にパフォーマンスに取り組んでいるUIライブラリです。特に、Reactはパフォーマンスを高いユーザーエクスペリエンスのための手段として捉えており、ドキュメントにもユーザーエクスペリエンスという言葉が多く出てきます。 そこで、今回はReactが最も有利になるようなベン

ブックマークしたユーザー

  • techtech05212024年05月19日 techtech0521
  • heguro2022年07月18日 heguro
  • celt69cobra2022年07月16日 celt69cobra
  • Lhankor_Mhy2022年07月15日 Lhankor_Mhy
  • mziyut1122022年07月15日 mziyut112
  • kikiki-kiki2022年07月14日 kikiki-kiki
  • corner04272022年07月14日 corner0427
  • hush_in2022年07月14日 hush_in
  • montdsichel2022年07月14日 montdsichel
  • piayo2022年07月14日 piayo
  • lalupin42022年07月14日 lalupin4
  • Hiro_Matsuno2022年07月14日 Hiro_Matsuno
  • dederon2022年07月14日 dederon
  • yonyon_yossy2022年07月14日 yonyon_yossy
  • dkanikama2022年07月14日 dkanikama
  • dalmacija2022年07月14日 dalmacija
  • makotot-riceball2022年07月13日 makotot-riceball
  • uehaj2022年07月13日 uehaj
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /