Back Button Frameworks
Livewire Basics

Livewire Basics

Livewire has quickly become one of the most popular package for building Laravel applications. It allows you to create dynamic components within PHP, which often results in allowing you to skip the JavaScript layer entirely.

In this series, we’ll go over the basics of Livewire and why/when you might reach for it. We’ll then build and test several practical Livewire components.

Intermediate
7 episodes
1h 37m
Begin
7
Latest Episode in This Series

Added 1 week ago

Datatable Testing

Continuing from the previous episode, let's now write a series of tests for our datatable component.

View...

Watch
Livewire Basics

Livewire Basics

Livewire has quickly become one of the most popular package for building Laravel applications. It allows you to create dynamic components within PHP, which often results in allowing you to skip the JavaScript layer entirely.

In this series, we’ll go over the basics of Livewire and why/when you might reach for it. We’ll then build and test several practical Livewire components.

Begin
7
Latest Episode in This Series

Added 1 week ago

Datatable Testing

Continuing from the previous episode, let's now write a series of tests for our datatable component. View...
Watch

Your Teacher | Andre Madarang

Visit Website
https://laracasts.s3.amazonaws.com/avatars/andre-madarang.jpg's avatar
Greetings! I'm Andre, a full-stack web developer and Laracasts instructor. My other hobbies include playing guitar, videography and gaming.

  1. Section 1 Introduction

    1. EPISODE 1

      Run Time 13:51

      Free

      How it Works

      To get started, let's review the basics of Livewire and build the obligatory counter example. Next, we'll take a brief look at the request/response lifecycle of a Livewire component.

      View the source code for this episode on GitHub.

    2.

  2. Section 2 Examples

    1. EPISODE 2

      Run Time 24:47

      Free

      Contact Form With Validation

      Let's convert a vanilla contact form to use Livewire. This will give us the opportunity to also review real-time validation. This component should give you a solid understanding of the basics of Livewire, including binding data with wire:model, calling methods on the server, and re-rendering views.

      View the source code for this episode on GitHub.

    2. EPISODE 3

      Run Time 8:06

      Free

      Contact Form Testing

      Testing Livewire components is a breeze. Let's have a look at testing our contact form and all of its features.

      View the source code for this episode on GitHub.

    3. EPISODE 4

      Run Time 15:07

      Search Dropdown

      Next up, let's use the iTunes API to build a search dropdown that allows us to search for songs and artists. As part of this example, we'll also review how to test it.

      View the source code for this episode on GitHub.

    4. EPISODE 5

      Run Time 5:01

      Pagination

      Pagination in Livewire is quite similar to pagination within a vanilla Laravel. Let's review everything you need to know in this episode.

      View the source code for this episode on GitHub.

    5. EPISODE 6

      Run Time 21:20

      Datatables

      Let's build a datatables component that allows a person to search, filter, sort and manipulate the query string. This component will demonstrate the power of Livewire, as building a datatables component the traditional way would require a significant amount of JavaScript.

      View the source code for this episode on GitHub.

    6. EPISODE 7

      Run Time 9:18

      New

      Datatable Testing

      Continuing from the previous episode, let's now write a series of tests for our datatable component.

      View the source code for this episode on GitHub.

    3.
Series still in development robot

*Series still in development. Check back often for updates.

Want us to email you occasionally with Laracasts news?