Courses

Livewire VS Vue VS React: Simple Project

  • 5 lessons
  • 40 min read

The full course is available only for premium members.

Login Or Register for Premium ($129/year or $29/mo)
Can I buy ONLY THIS course without subscription?

We don’t sell single courses, but you can purchase Monthly plan and cancel after one month.
Also, check out avaiable discounts based on your country.

About this course

The most popular stack choices for Laravel SPA are these:

  • Livewire
  • Vue.js with Inertia
  • React.js with Inertia

In this course, we will try to compare them and create the same demo project with each of them.

We will create this simple e-shop catalog:

On that page, we will have two dynamic behaviors:

  1. Sidebar with filter for products: when ticking the checkboxes for price/categories/manufacturers, the product list on the right will be refreshed without reloading the full page
  2. Buttons "Add to / Remove from Cart": it will save the product into the DB table and increase/decrease the number at the top of the page. Again, without a full page reload.

Our goal is to compare the experience of building with each stack. So, after dedicating one lesson to each option, we will conclude the course with the "conclusion and opinions" lesson at the end.

At the end of each lesson, we will have a repository branch available.

So, let's start with the first lesson!