Composing in Skuid: a Deep Dive¶
Before you get started with this deep dive, make sure you understand the Connect, Compose, and Deploy steps described in Get Started with Skuid.
What are Skuid models, and how do you use them?¶
Skuid models connect to data sources and provide their data to Skuid components.
Note
You must have a data source configured to use it with a model.
- This video offers a quick overview of models and model conditions.
- Once a model is created, use model conditions to limit which records are pulled from the data source and displayed in Skuid components.
- Launch model actions to establish consistent workflows when a model-level event—such as saving or updating the model—occurs.
- Special types of models:
- Aggregate models collect and group data. (Salesforce data source type only.)
- UI-only models and fields work with data that is created in runtime, but does not need to be saved to a data source.
What are Skuid components?¶
Components are the building blocks of Skuid pages. There are many components to choose from, but understanding how to employ those listed below form the baseline for using Skuid:
Layout components [[]]¶
Data components [[]]¶
Advanced components [[]]¶
Need to create a custom component? Be aware that creating a custom component requires a familiarity with developer concepts and APIs.
Using components and models to create effective pages¶
Put it all together to make satisfying user experiences.
The basics [[]]¶
- Build a list page
- Build a detail page
- Master and Child pages
Good to know [[]]¶
- Work with themes
- Add a custom header or footer
- Use automatic and customized filters with the Filter Set component
- How to leverage conditional rendering
More advanced [[]]¶
- Create a branded header and navigation bar
- Use actions and conditional rendering in a one-page app
Create and launch actions using the Action Framework¶
Orchestrate actions that are launched when certain elements on the page change, or when a user triggers an action.
- Learn the ins and outs of using the Action Framework to configure multiple actions.
- Many Skuid actions are facilitated using merge syntax—special markup used to call data from models, data sources, the page itself, and more. Learn about syntax, templates, and dot notation to wield the curly brackets for maximum effect.
- Want a deep dive into merge syntax? In this video, Skuid’s Zach McElrath discussed how templates and merge syntax can come in handy.