Learn Livewire v3 by building a CRUD App from Scratch
In this series, we will be Learning Laravel Livewire v3 (A tool to build Powerful, dynamic, front-end UIs without leaving PHP) along with Laravel in a practical way by building a mini Students Management system.
Livewire v3 has been launched recently and it has some really exciting features, it’s currently in beta and it might take some time to release the stable version.
We’ll start by installing Laravel and then set up Livewire along with Laravel Breeze installation, and along the way, we will be learning the following topics:
- Learn how to Build Applications using the TALL Stack
- Learn about Lifecycle hooks and Build dependent dropdowns in Livewire
- Learn how to extract properties and methods to a Form Object and use it in a Livewire Component
- Learn how to implement Image Uploads and work with Files in Livewire
- Learn about the new #[Rule] attribute syntax in Livewire and implement Validations.- Learn about wire:navigate and implement SPA kind of experience in a Livewire-based app.
Contents of this video ----------------------------------------------
00:00 - Introduction
01:35 - install and setup Laravel/Livewire and Breeze
06:24 - Setup Models/Migrations/Factories/Seeders
17:07 - Work On Index/Create page UI
21:54 - Display Students Data and Implement Pagination
28:42 - Implement Hot Reloads for Livewire Components
30:57 - Work On the Create Form
36:20 - Implement Validations
40:18 - Implement Image Upload
45:30 - Implement Dependent Dropdown
55:17 - Work on Edit Form
01:08:48 - Extract Create Form to a Form Object
01:16:23 - Extract Edit Form to Form Object
01:24:33 - Display Flash Messages
01:26:15 - Delete Individual Records
01:28:00 - Add Confirm Dialog and Register Custom Directive
01:34:26 - Implement wire:navigate
-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
Connect With Me on Twitter:
Twitter:
-----------------------------------------------------------------------------------
My Youtube PlayLists:
Students Management System with Laravel, Inertia, Svelte, and Tailwind
-----------------------------------------------------------------------------------
Datatables Series:
-----------------------------------------------------------------------------------
Vue Datatables Series :
-----------------------------------------------------------------------------------
Livewire Datatables Series:
-----------------------------------------------------------------------------------
Integrating E-Sewa Payment Gateway on a Laravel App:
-----------------------------------------------------------------------------------
Laravel Fortify Integration Tutorial:
-----------------------------------------------------------------------------------
Implement Dynamic Navigation Bar on a Laravel App:
-----------------------------------------------------------------------------------
Implementing Select2 on a Laravel App:
-----------------------------------------------------------------------------------
1 view
23
7
2 months ago 00:04:19 1
Waves_On_Waves X Timecop1983 “Dangerous“ (Official Video)
2 months ago 01:29:31 2
Laravel Livewire Crash Course | Livewire 3 Tutorial for Beginners in 1.5 Hours
3 months ago 00:14:23 2
Is Hypermedia the Future?
3 months ago 01:29:29 1
Laravel Rest API Vue JS CRUD Full Tutorial | Laravel Vue Tutorial for beginners
3 months ago 00:12:59 2
How to Create Filament Tables in Custom Pages
5 months ago 00:22:03 13
I’m new to testing in Laravel (Watch me learn)
5 months ago 00:21:40 1
Bjarke Ingels On the Power of Architecture | WIRED
5 months ago 00:11:40 2
HISTORY OF METAL - 1 Riff per Year from 1980 to 2022
5 months ago 01:07:48 4
Build a Real-Time Web App with Laravel Reverb - COMPLETE TUTORIAL (Laravel, Livewire, Alpine & more)
6 months ago 00:33:58 1
Converting a NextJS App to Laravel Livewire
7 months ago 00:08:09 4
Laravel Learning Roadmap: 2024 Edition
7 months ago 00:46:48 5
Laravel Livewire Volt vs Inertia Vue - CRUD Project Comparison
8 months ago 00:45:15 2
Build ChatGPT In Laravel 11 Using OpenAI API | Create ChatGPT Clone Using Livewire 3