Let's build practical UI components with LiveWire and AlpineJS. Now I know what you might be thinking. Why do I have to watch this course when AI generates all my code? Honestly, that's exactly why you should be watching this course. AI can write code that works most of the time, but it might not think about performance, certain edge cases, using the latest features of a framework or even code quality. That's where you come in. So in this course, we're not just building components line by line. We are gaining an understanding of how LiveWire and Alpine work together

So in this course, we're not just building components line by line. We are gaining an understanding of how LiveWire and Alpine work together and also how to generate performant code. Along with building simple components like inline editing, toast notification system and infinite scroll, we'll also be building complex ones like notification center with live notifications, tag input with auto suggestions and keyboard navigation, dynamic inline search with text highlighting and even a Kanban board with drag and drop. Throughout the course, I'm using the latest version of LiveWire,

with drag and drop. Throughout the course, I'm using the latest version of LiveWire, which is 4.1 as of recording this one. I'm also using the new structure of single file components throughout. So if you're very new to LiveWire, I encourage you to get a basic understanding before you jump into this one. And of course, you don't have to watch this course from beginning to end. If you're interested in one or two components, jump right in, watch that episode or simply go to the GitHub repository, grab the code, drop it into any of your applications.

watch that episode or simply go to the GitHub repository, grab the code, drop it into any of your applications. So once you're ready, go ahead, do a Laravel new, install LiveWire and let's jump right in.