0
0
テーマ、知りたいこと
ReactやVueを用いたSPA(Single-page Application)についてです。特定のコンポーネントだけ再レンダリングしていることがあると思うのですが、どうやってやっているのでしょうか。
背景、状況
今、Slackのようなアプリの簡易版作ってみたいと思って取り組んでいるのですが、左側のスクロールバーからコンテンツ部分だけを切り替えるような仕様は類似アプリに共通しているなと思いました。
そのような仕様は一般的でしょうか。また、簡単にできることなのでしょうか。素人質問ですみませんが、最初のフロントエンド構築段階で躓いてしまいましたのでご助言お願いします。
回答2件
#1
総合スコア9
投稿2023/02/11 07:27
Vueは分かりませんが、ReactはReact Hookの仕様に基づいて、更新があった時のみ部分的に再レンダリングするものなので特定のコンポーネントのみをレンダリングすることは可能だと思います。
例えば、特定のコンポーネントでStateが更新された場合は、更新されたStateを扱っているコンポーネントが変化を検知してレンダリングを行います。もう少し複雑な制御もしようと思えば可能だと思いますが、おっしゃられている特定のコンポーネントのみのレンダリングは設計次第でどうとでもなるように思われます。
#2
総合スコア100
投稿2023/02/18 09:27
Vuetifyなら近いことができるかもしれません（vertical-tabsが少し近いかな…）
https://vuetifyjs.com/en/components/tabs/#vertical-tabs
他の手法としては<component :is="コンポーネント名">のようにis要素をつかった動的なコンポーネント切り替え方法もあります
https://v2.ja.vuejs.org/v2/guide/components.html#%E5%8B%95%E7%9A%84%E3%81%AA%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。