Welcome to our livewire 3 course, in this course we will cover all the basis needed to build dynamic front end components using livewire. Today we cover how to build a a data table from scratch with search, filters, ability to change items per page, url query params, delete functionality and sorting.
Time Stamps:
-----------------------------
00:00 - Demo
02:15 - Setup Template
05:00 - Create Component
06:40 - Display Users
09:35 - Per Page
12:00 - Search
15:15 - Role Filter
18:20 - Delete User
23:34 - Sorting
HTML table template file:
gist.github.com/yelocode/0073...
Full project Code :
github.com/yelocode/livewire3...
Free Livewire 3 Course Playlist :
• Laravel Livewire 3 Cou...
Tailwind CDN :
tailwindcss.com/docs/installa...
Alpine JS :
alpinejs.dev/essentials/insta...
Through out the course we will cover:
- how to make components
- Actions
- Properties
- Form Submission and Validation
- Flash Messages
- Tables and Pagination
- File Uploads
- Inline Components
- Full page Components and Layouts
- Events
- Offline States
- URL Query Parameters
- Nesting Components
- Navigate
- Loading states, Lazy loading and placeholders
- Modals
- Alpine JS
And more
Livewire 3 website :
livewire.laravel.com/
Boostrap Documentation:
getbootstrap.com/docs/5.3/get...
If you would like me to make more livewire videos, please let me know by liking the video and commenting what you like to learn next.
What is livewire:
Livewire is a full-stack framework for Laravel that makes building dynamic interfaces simple, without leaving the comfort of Laravel. (Taken from Livewire Documentation)
Негізгі бет Build Data Table with Livewire 3 for beginners
Пікірлер: 121