DEV Community

loading...

Laravel Livewire: an introduction

Jeroen van Rensen
Hi, I'm Jeroen van Rensen and I'm from the Netherlands. I enjoy making websites using the TALLstack (Tailwind CSS, Alpine JS, Laravel and Livewire)
・1 min read

Laravel Livewire is a great framework for creating interactive web apps without writing any JavaScript. In this tutorial we're going to make a few components using Laravel Livewire so we can see the power of this framework.

Setting up

Important: Livewire requires you to use Laravel.

You can install Livewire using Composer:

composer require livewire/livewire
Enter fullscreen mode Exit fullscreen mode

Next, you have to include Livewire's assets on your page:

<livewire:styles /> <!-- Styles -->
<livewire:scripts /> <!-- Scripts -->
Enter fullscreen mode Exit fullscreen mode

And that was it! Now you can use Livewire.


Click here to continue reading.

Discussion (1)

Collapse
wulfheart profile image
Alex

This is barely an introduction. 😂