Getting Started
Page Components
7:48 · By Caleb Porzio
Watch this episode for free
Sign in with your GitHub account to unlock this screencast and every other free lesson. No payment required.
So far we've built basic, standalone, components. In this video I'll introduce you to the concept of "Page Components". These allow you to use a Livewire component as an entire page in your app. We'll cover things like routing, page layouts, and page titles.
- 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