Getting started with Laravel 10 Livewire 2
Minimum price
Suggested price

Getting started with Laravel 10 Livewire 2

Here continue your roadmap in the development of web applications in Laravel with Livewire

About the Book

Laravel is a fascinating framework, huge and with a somewhat steep learning curve and with multiple options; this book is not for beginners and assumes that you already know how to program in Laravel.

Laravel Livewire takes Laravel development a step further; automating routine processes in very flexible schemes based on components, Livewire components that allow us to communicate client and server in a very simple, efficient and easy way.

Laravel Livewire is not a framework, it is just a layer or scaffolding that adds certain extra features to the framework that we can use to create great applications, with less effort and development time.


  1. We are going to give a brief introduction about Laravel Livewire.
  2. We are going to create our project in Laravel Livewire.
  3. We present the characteristics that a project created in Laravel Livewire has; team management, API Tokens, and authentication, are some of them.
  4. We are going to create a simple CRUD type application and get to know all the elements of Livewire such as handling forms, views and directives through the Livewire components.
  5. We are going to work on the style, improving the created application so that it looks like another Laravel Livewire module.
  6. We are going to learn about the communication between Livewire components based on events; detect changes in properties of the component class from the view and know the Laravel Livewire JavaScript.
  7. We are going to create the CRUD for the posts.
  8. We are going to create filters and search fields for a listing taking advantage of the benefits of Livewire.
  9. We are going to create sort fields for the column listing.
  10. We will get to know everything that Livewire offers us in JavaScript and combine it with other plugins, we will know the hooks in JavaScript, consume properties, functions and use of events.
  11. We are going to learn about some extra features of Laravel Livewire properties, such as customizing the update phase of wire:models, such as the use of computed properties.
  12. We are going to create a simple blog-type application with a list with filters and search and detail fields.
  13. We are going to create a shopping cart in the session and database, for which, we will see communication between components, sending events, toast type plugin to show messages confirming the operation carried out, with listeners of the events from JavaScript.
  14. We are going to show the code of an application created with Alpine.js to create a to do list component.
  15. We are going to adapt the Alpine.js application presented in the previous chapter, to work in conjunction with Livewire.

By the end of the book, you will have the knowledge to create any basic application with Livewire and know more than just the basics of it.

I invite you to visit my website:

And get to know my work.

This book is a translation into English of Primeros pasos Laravel 10 con Livewire 2 which was originally written in Spanish.

About the Author


Andrés Cruz Yoris, Licenciado en Computación, con más de 10 años de experiencia en el desarrollo de aplicaciones web en general; trabajo con PHP, Python y tecnologías del lado del cliente como HTML, JavaScript, CSS, Vue entre otras; y del lado del servidor como Laravel, Flask, Django y Codeigniter. También desarrollo con Android Studio, xCode y Flutter para la creación de aplicaciones nativas para Android e IOS.

Pongo a tú disposición parte de mi aprendizaje, reflejado en cada una de las palabras que componen mis libros sobre el desarrollo de aplicaciones en general.

Table of Contents

  • Getting started with Laravel Livewire
  • Tweet about the book!
  • About the Author
  • Copyright
  • Map
  • Chapter 1: About Laravel Livewire
    • What does Livewire offer us?
  • Chapter 2: Create a project
    • Create the project in Laravel Livewire on MacOS or Linux
    • Create the project in Laravel Livewire on Windows
    • Second way to install Laravel Livewire
  • Chapter 3: Characteristics of a Livewire project
    • Laravel Fortify
    • Options
    • Project structure
    • Post views
  • Chapter 4: Introduction to Livewire Components
    • Migrations
    • Models
    • Components
    • Define routes
    • Testing with a Component
    • Component to create a category
    • Wire:x Directive references
    • Requests to the server from Livewire
    • Validate forms
    • Reuse Livewire Components
    • Life cycle of a component
    • Update a record
    • List
    • Delete
  • Chapter 5: Components and Styles
    • Form
    • Table
    • Card
    • Layout header
    • Container
    • Alert Dialog to Remove: Confirmation component
    • Action taken message
    • Menu: Dropdown Component (PC Mode)
    • Menu: Dropdown component (Mobile mode)
    • Link to create a category
  • Chapter 6: Communication in components
    • Create migrations
    • Livewire Components
    • Models
    • Migrations
    • Form to create a general contact
    • Form to create a contact per person
    • Form to create a contact by company
    • Form to create a contact by detail
    • Initial form logic step by step
    • @livewire directive to render components
    • Events: Communication between components
    • Define layout
    • Step-by-step design
    • $wire object
    • Step 3:
    • Parent to child communication: Send the general contact id to child components
    • Enable saving on child components
    • Load registered contact data
    • Final styling details
  • Chapter 7 : CRUD for posts
    • General changes
    • Save and edit
    • List
  • Chapter 8: Filters and search fields
    • Table changes
    • Seeders for posts
    • Filters for categories, posts and types
    • Search field for id, title and description
    • Filter by date range
  • Chapter 9: Sort Fields
    • Traits and Livewire components for code reuse
  • Chapter 10 : Livewire JavaScript
    • Introduction to Hooks in JavaScript
    • Accessing properties from JavaScript and CKEditor
    • Resume
  • Chapter 11: Livewire Properties
    • Defer update for wire:model
    • Computed properties
  • Chapter 12: Simple Blog Web
    • Routes
    • Model
    • Layout for the web
    • Post listing
    • Post detail
  • Chapter 13: Shopping cart
    • General scheme
    • Item component
    • Cart Component Changes
    • Replicate the shopping cart in the database
    • Show a message when performing actions on the cart
    • Button to show the total number of items
  • Chapter 14: Create an Alpine.js to do list application
  • Chapter 15: Adapting the Alpine.js To do list Application with Livewire
    • Create Component in Livewire
    • Create migration and model for Todos
    • Create to do from Livewire
    • Popular listings from Livewire
    • Replicate sort to do property
    • Replicate sort in the database
    • Ordination, second scheme
    • Ordination, third scheme
    • Remove a to do
    • Edit a to do
    • Mark completed a to do
    • Delete all to do
    • Extra: Reordering of to do by axios
    • Migrate from Bootstrap to Tailwind
    • Conclusions

The Leanpub 60 Day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.

You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!

So, there's no reason not to click the Add to Cart button, is there?

See full terms...

80% Royalties. Earn $16 on a $20 book.

We pay 80% royalties. That's not a typo: you earn $16 on a $20 sale. If we sell 5000 non-refunded copies of your book or course for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earnedover $13 millionwriting, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub