Forms, Validation & Loaders in Livewire Components - Laravel Livewire Crash Course for Beginners

Special thanks to Hostinger for sponsoring this video. Hostinger is an incredible web hosting provider where you can set up shared hosting, cloud hosting, VPS hosting, email hosting, and SSL certificates. Hostinger has made a name for itself due to its fast load times, simplicity, free domains, and powerful servers. Here’s my affiliate link for 10% off: www.hostinger.com/dary
In this tutorial, we're going to dive into the world of Livewire components in Laravel. Throughout this tutorial, you'll learn how to create a new task through an input field and a button, implement validation to ensure data integrity, and display real-time validation errors without refreshing the page. I'll also show you how to add a loading spinner to provide visual feedback while forms are being submitted.
🧑🏼‍💻 Need a Laravel agency?
Do you need assistance with your next project in Laravel? Contact my Laravel agency for help: www.codewithdary.com
📚 New Udemy Course
If you're looking to level up your Laravel skills? My new course "Mastering Laravel 10 Query Builder, Eloquent & Relationships" is the perfect opportunity. Learn the essential tools and techniques for building robust and scalable web applications with Laravel: www.udemy.com/course/masterin...
🔥 Resources
- Twitter: / codewithdary
- Instagram: / codewithdary
- Blog: blog.codewithdary.com/
- Patreon: www.patreon.com/user?u=30307830
- GitHub: github.com/codewithdary
- TikTok: / codewithdary
⌛Timestamps
00:00 - Introduction
02:24 - Persisting a Task Into the Database
04:01 - Adding Validation
05:11 - Outputting Error Messages
07:14 - Live Validation
08:49 - Showing a Loading Indicator
#laravel #codewithdary #hostinger #livewire

[@mariusbosinceanu4170]

Like always, Dary is straight to the point. Well done, Dary !!!

[@davidson7838]

Very useful series. I hope you will make a very good series on livewire.
💯💙👋👋👋

[@codewithdary]

I try to :)

[@vugarkhalil]

Respect ❤

[@codewithdary]

Thank you

[@jacquesmbabazi9192]

I have form in laravel livewire blade component which has four fields:item_name,quantity,price and total. I want to auto-calculate the total before saving it in the database by taking quantity times price, the field of total will be live updated. I am sorry It is not a related topic but I felt I could ask you, note i am using livewire 3

[@codewithdary]

To auto-calculate the total field in your Laravel Livewire form, I recommend using Livewire's computed properties.

[@Theotoffel1]

very good tutorials you made for learning livewire. What will you teach us in the following tutorial(s??)
Many Thanks for this playlist 👍👍👍

[@codewithdary]

Thank you. Events, Lifecycle hooks and flash messages ;)