Inertia.reload() Laravel Inertia React Project

Question

Is it a good practice to use Inertia.reload() in your laravel project when you want to reload your component after a post request? If you think there is another way that would be better don't hesitate to suggest me.

Front React

    const addToFavorite = async (videogameId: number) => {
        await axios.post(route("favorites.store"), {
            videogame_id: videogameId,
            user_id: currentUserId,
        });
        Inertia.reload();
    };

     <button type="button" onClick={() => addToFavorite(videogame.id)}>
        <StarIcon />
      </button>

Controller

    public function store(FavoriteRequest $request)
    {
        $favorite = Favorites::create($request->all());
        $favorite->save();

        return redirect()->back();
    }

zlatan · Accepted Answer · 2024-03-15 10:22:11Z

0

In this case, I think it's better to use built-in Inertia.js Manual visits using the router.post method

So your code will look something like this:

import {router} from "@inertiajs/react";

router.post(route("favorites.store"), {
            videogame_id: videogameId,
            user_id: currentUserId,
        }, {
            preserveScroll: true,
            onSuccess: res => {
                console.log('do something on success')
            },
            onError: err => {
                console.log(err)
            }
        })

You can use preserveScroll so you can prevent resetting the scroll position of the document body. This creates a seamless transition on the page.

And since you're already using return redirect()->back(); in your controller, you don't have to manually reload the page.

answered Mar 15, 2024 at 10:22

zlatan

4,0394 gold badges26 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Inertia.reload() Laravel Inertia React Project

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related