Q&A
文章見たところreactに決めるかそれをやめるかで迷っているように見えますね。
単純にreact使えば望みどおりになりますよ、問題はハードルが高い事です。と言っても一回やればなれるから一度reactで作り直しにチャレンジしてから挫折するようなら再考してみては？
タイトルにSPA 化するにはと書きましたが、実際にはそれ以前の段階の「どの技術・ライブラリを使用すべきか？」が質問の趣旨となります。
現在、ウェブアプリとして掲示板サービスを運営しています。
いわゆる従来型のMPA（multi page app）なのですが、以下のように変更を加えたいと考えています。
① 投稿をAjax で行う
② 新しい投稿があったら差分のみを取得し画面を自動更新する（WebSocket？）
③ ページ遷移の際にページ全体を更新せずに差分のみ更新する（SPAのような）
上記①～③のように作り直す場合、どのような技術を選定すればよいでしょうか？
調べていると、React, Next.js, SPA, SSR, SSG, など様々なワードが飛び交い、決めあぐねています。
また、①,②は変更範囲がアプリの一部にとどまりますが、③はそれが全体に及びます。
そのため、これは最悪後回しにするか、一部のページのみに適用できればよいと考えています。
ページングのときに差分だけ取得する、検索の際に結果だけ差分として取得するなど。
これらはフロント側での実装になるかと思いますが、開発にあたってはバックエンドとの相性の問題もあるかと思います。
バックエンドでは Laravel 9 を使用しています。
Ajax はいいねボタンなどすでに一部の機能で取り入れていますが、Fetch などの処理をバニラのJS で書いて実装しています。
これも今回の変更に合わせてReact を使うならReact で書き換えるなどしたいと考えています。
①～③の要件を満たすフレームワーク？ライブラリ？はあるのでしょうか。
それとも複数のライブラリを使うことになりますか？
実際の開発ではこのような場合どのような技術選定になるかご教授いただけませんでしょうか。
以上、よろしくお願いします。
React は選択肢の一つと考えています。Next.js という選択肢もあると思うのですが、どちらがよいか決めかねています。
３日ぐらいreact触って使いこなせるようならnextで良いかと
react触ってみて楽勝じゃんって思えばnextでも楽勝だろうけどreact訳分からんってなるならnextやったところでreactの倍以上訳分からんってなるだけです
ありがとうございます。
websocket も可能ですか？
それに対応するjs書けばできますよ
websocketなんて面倒だからsseにすれば？とは思いますが
ありがとうございます。
まず試しにページネーションをページ遷移せずにAjaxで更新したいと思うのですが、これはReactで可能でしょうか？
たぶんAxiosを入れて使うことになると思うのですが。
素のJSでFetchでAjaxを書いたことがあるので大体はわかります。
Ajaxで取得した際、URLは変わらないと思うのですが、これをページ遷移と同じように(?page=n)をURLにつけて、かつブラウザの戻るボタンで戻れるようにすることは可能でしょうか？
素のJSでこれを全部実現しようと思えば結構大変だとおもうのですが、Reactを使えば良しなにやってくれるのでしょうか？
React でも fetch は使えますので、現在 fetch を使ってるなら axios に切り替える必要はほぼないと思います。
とりあえず既存のページを一つ (掲示板の書き込みを表示する画面とか) 試しに React で書き直してみれば良いのでは。
> たぶんAxiosを入れて使うことになると思うのですが。
んなことはないです。自分の場合はcrossfetchかnodefetch入れて使いました。axiosはなんとなく見た感じ嫌いだったので使ってません。
> 素のJSでこれを全部実現しようと思えば結構大変だとおもうのですが、
んな事は無いと思うけど
> Reactを使えば良しなにやってくれるのでしょうか？
よしなにやってくれるようにする為の下準備は苦労すると思いますがそれが済んでしまえば素のjsより楽かとは思いますが、下準備の苦労よりも素のjsの方が簡単でしょうね。と言っても一度経験すれば済むことですが
回答にあるlivewireなんか全くお勧めする気になれんな。裏の動作を理解した上で使うなら構わんけど
回答1件
0
そんな状態からJSの難しいことを覚えてSPA化は無理なのでLivewire使っておけばいい。
https://laravel-livewire.com/
目的は「SPAっぽい動作」であって「Reactを使うこと」じゃないでしょ。
Railsも「JSを使わないSPA」の方向に進んでる。
投稿2022/04/22 03:25
退会済みユーザー
総合スコア0
ありがとうございます。livewireというのを初めて知りました。これならLaravelの知識でSPAを作れそうです。
Reactなどのフレームワークを使ってSPAを作ることに比べてなんらかのデメリットはありますか？
あなたの回答
tips
プレビュー
