ReactでReact以外の要素を検索して結果を非同期的に描画するには？

Question

前提・実現したいこと

React初心者です。

Reactを使って、React以外の要素を検索して結果を非同期的に描画する事は可能でしょうか？
可能であれば、参考になりそうなリソースをご教示いただけると大変助かります。

現在、LaravelでCRUDを作っているのですが、表示している要素を検索やフィルタリングするのを非同期的に行いたいと考えています。

実現するためには

以下の二つの選択肢があると考えています。

1.ReactでViewを置き換え、非同期処理を追加する
2.　何らかの方法で、laravelの要素をReactでフィルタリングをかける（この「何らかの方法」があるかどうかを知りたいです。）

Viewの部分を全てReactで置き換えれば実現できるイメージはあるのですが、工数がかかってしまう気がしており、検索のみReactにする工数と比較したいと考えています。

ご教示いただけますと幸いです。

Comments

[hoshi-takanori]

React は、指定された範囲に表示すべきものを毎回 virtual dom として作り、それに基づいて実 dom を生成・更新する仕組みなので、laravel に限らず他の方法で生成した dom を修正するものではないと思います。

[tmkt28]

ご指摘ありがとうございます。
色々調べまして、Virtual DOMの理解不足と認識できました。。
選択肢が消滅した時点で実質的に私個人としての問題は解消しましたので、質問の修正はせずベストアンサーを選ぼうと思います。

Answer 1

以下の二つの選択肢があると考えています。

2は選択肢にならないのではないでしょうか。現在表示しているものに対して検索をかけて項目が増える場合に対応できない、と思われます。

Comments

[tmkt28]

ご回答ありがとうございます。確かに要素を増やすのは不可能そうですね。。