Level 75
I suggest Vue or React. But really the front is not as important as a strong back end. Any of the JS frameworks are fine for front.
Jul 13, 2022
9
Level 1
Livewire or React Front-end, which is better for a Interactive website?
I have to build a web app with lots of filter and sorting at front end, I will also need to add small functionality like add to favorite (based on localstorage). You can imagine it like a ecommerce category pages where you filter products based on different features either by check boxes at left or dropdown at top. It will have pagination/load more as well.
So based on this requirement, what will be better for front-end ? Livewire or React? Also it need to be SEO friendly, so no SPA. I am familiar with React but haven't used Livewire before. My other concern with Livewire is that it makes lot of server calls using ajax causing more load on server?
Level 1
@jlrdw Right now, I am learning more about Livewire, but I am more familiar with React. For back end I know enough Laravel to create a robust one for my use case.
Problem with using React/Intertia is that It will be SPA by default, and I don't want to use Inertia solution for SSR. Is there any easy way to create seo friendly front-end using React?
Level 102
@sannjay you can make blade pages as normal and sprinkle in small interactive elements using react. I believe that's how laracasts was originally made (with vue)
1 like
Level 1
@Sinnbeck Yes that could be one possible way. Can you comment on Livewire feasibility? I am not afraid of leanring a new Laravel tool, but I want to make sure it is good enough for my use case.
Level 102
Level 4
I'm currently building a project with Inertia + Vue and I gotta say it's pretty awesome. Until now I only faced issues with CORS and subdomains.
Level 5
If the only thing limiting Inertia as an option for you is not being interested in the SSR setup, there's always services such as Prerender.io (which can also be self hosted I think) and it seems there are also already made laravel integrations for it https://github.com/JeroenNoten/laravel-prerender
Now on Intertia vs Livewire, I can't comment on that. I think it depends mostly on your experience and preferences, both are great and bot have pros and cons in my opinion.
1 like
Level 1
You can use Next.JS if you want to go with React as your frontend. It is SSR framework so I am sure it will handle SEO for you.
Laravel also has Breeze starter kit for NextJS.
Level 4
@sannjay I've been using both Livewire and ReactJS for the past 2 years.
In my experience, both frameworks excel in ease of implementation and their reusable component systems: 1. For frontend-intensive applications, ReactJS is my preferred choice. 2. When dealing with backend-heavy applications, Livewire is exceptionally effective.
Summary: From my observations, ReactJS performs well with smaller databases, while Livewire shines with larger databases.
Note: This is my personal viewpoint; others may have different preferences.
Please or to participate in this conversation.