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.


You must have a data source configured to use it with a model.

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:

Data components [[]]

Visualizations [[]]

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 [[]]

Good to know [[]]

More advanced [[]]

Create and launch actions using the Action Framework

Orchestrate actions that are launched when certain elements on the page change, or when an end 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.