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 ↗
Data Tables
Charting different date ranges
Now that we have multiple date range increments, we need to update our chart to use different aggregation time increments based on what range was chosen. For example, if "last 7 days" is chosen, we want to aggregate order revenue on a daily basis, rather than the default: monthly.
- 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