View Components
View components represent individual screens in the app, and define the layout of the content within the <Main/> component. The view component used to render a route is selected by the high level <App/> component by attempting a number of matches with increasing generality. The configured route name and mode are most essential for matching. These views are exported by @wq/react, and rely on useComponents() instead of importing components from @wq/material directly.
To specify a custom view (or override the defaults), register a view components plugin.
| name | description |
|---|---|
| Default | Fallback view for all routes that do not have a registered custom view, or a mode of “detail”, “edit”, or “list”. |
| DefaultDetail | Default view for all “*_detail” routes. |
| DefaultEdit | Default view for all “*_edit” routes. |
| DefaultList | Default view for all “*_list” routes. |
| Index | Main index view for the app |
| Loading | View to show while waiting for RENDER |
| Login | Login form. |
| Logout | Logout form. |
| NotFound | 404 view |
| OutboxList | Lists all unsynced items in the outbox. |
| Server | Content loaded from the server (WIP) |