Courses

Livewire VS Vue VS React: Simple Project

  • 5 lessons
  • 7993 words

This content is available only for premium members.

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!