vue と react の DOM の再レンダリングの実行タイミングの差 - Qiita

はじめに 私自身、vue は 2019 年頃から書いており、今年で 3 年目くらいです。たいして vue に詳しくもないですが、それなりのコード量を書いてきたので、フレームワークとして愛着はあります。今年から react を触る機会が増えそう、ということで、ちょっとづつ react の勉強をはじめていたのですが、vue との明確な違いとして「DOM の再レンダリングの実行タイミングの差」が気になっています。react はドキュメントを読んでいると、「不要な再レンダリングを防ぐ」というトピックを扱うドキュメントが多いように思いますが、vue を勉強しているときは、正直、あまり意識をしていなかった領域です。なぜ、vue を書いているときは意識していなかったのか、どういう差があるのか、などちょっと気になったベースで調べて、記事にしています。 react と vue ってレンダリングのトリガーと範

[shingo-sasaki-0529]

React は状態が変わったコンポーネントをルートとしてそれ以下のツリーすべて再描画だけど、Vue は変わったコンポーネントのみが対象になるから、子コンポーネントが再レンダリングされるかの認知不可が高い…？

[bleu-bleut]

react は、コンポーネントの状態が変更されたタイミングで、vue は、監視対象の変数が変更されたタイミングで、その変数に依存しているコンポーネントが再レンダリングされる