Livewire Screencasts
Level up. Big Time.
Instant access to over 8 hours of content
Explore tons of source code and use it in your own apps
Support our lovely project
Yearly
Access all screencasts and source code by subscribing on a yearly basis.
$69
yearly
Lifetime
Pay once, and get access to all future screencasting content. Forever.
$149
Already a GitHub sponsor?
Email us for a discount ↗
Drag Sorting
Adding drag handles
Let's add some "drag handles" to each todo item so that users can still interact with todo elements statically and only be able to drag handle indicators. Along the way we'll uncover some deep dark bugs in web browsers and talk about ways around them.
- Building a modal 10:39
- Extracting a Blade component 13:07
- Confirmation dialogs 14:21
- Forms inside modals 12:23
- Extracting a nested Livewire component 12:35
- Creating row components 7:26
- Adding an edit modal 9:35
- Adding a dropdown menu 10:26
- Teleporting modals 7:37
- Styling for mobile devices 6:56
- Adding "swipe to close" 17:44
- Teaser 3:45
- Getting started 6:30
- Building a static table 12:24
- Page authorization 1:55
- Pagination 8:01
- Loading indicators 6:34
- Text searching 7:17
- Column sorting 19:22
- Row dropdown actions 11:37
- Exporting to CSV 9:39
- Bulk actions 10:10
- Select-all checkboxes 11:23
- Indeterminate checkbox states 10:27
- Lazy loading 5:27
- Refactoring to traits 8:00
- Extracting a nested component 3:34
- Chart scaffolding 9:05
- Charting real data 10:42
- Making the chart reactive 11:35
- Product filtering 18:46
- Tracking products in the URL 4:47
- Date range filtering 12:05
- Charting different date ranges 3:53
- Custom date range 26:07
- Order status filtering 12:20
- Using radio groups for filtering 9:04
- Designing for mobile 6:16
- Teaser 1:05
- Building a Todo List 6:33
- Storing positions in the database 7:56
- Using Alpine's Sort Plugin 7:54
- Sorting items in the database 13:51
- Handling removals 3:03
- Adding drag handles 6:35
- Extracting a Blade Component 6:26
- Extracting an Eloquent Trait 15:04
- Re-arranging Items 6:11
- Sorting between groups 11:19
- Building a modal 10:39
- Extracting a Blade component 13:07
- Confirmation dialogs 14:21
- Forms inside modals 12:23
- Extracting a nested Livewire component 12:35
- Creating row components 7:26
- Adding an edit modal 9:35
- Adding a dropdown menu 10:26
- Teleporting modals 7:37
- Styling for mobile devices 6:56
- Adding "swipe to close" 17:44
- Teaser 3:45
- Getting started 6:30
- Building a static table 12:24
- Page authorization 1:55
- Pagination 8:01
- Loading indicators 6:34
- Text searching 7:17
- Column sorting 19:22
- Row dropdown actions 11:37
- Exporting to CSV 9:39
- Bulk actions 10:10
- Select-all checkboxes 11:23
- Indeterminate checkbox states 10:27
- Lazy loading 5:27
- Refactoring to traits 8:00
- Extracting a nested component 3:34
- Chart scaffolding 9:05
- Charting real data 10:42
- Making the chart reactive 11:35
- Product filtering 18:46
- Tracking products in the URL 4:47
- Date range filtering 12:05
- Charting different date ranges 3:53
- Custom date range 26:07
- Order status filtering 12:20
- Using radio groups for filtering 9:04
- Designing for mobile 6:16
- Teaser 1:05
- Building a Todo List 6:33
- Storing positions in the database 7:56
- Using Alpine's Sort Plugin 7:54
- Sorting items in the database 13:51
- Handling removals 3:03
- Adding drag handles 6:35
- Extracting a Blade Component 6:26
- Extracting an Eloquent Trait 15:04
- Re-arranging Items 6:11
- Sorting between groups 11:19