Flows are the core of logic and data operations in Shipcode. They are the engine that allows you to integrate external services, process dynamic data, and build complex user interactions without writing code.

Flows provide the power to:

• Access third-party APIs (e.g., retrieving product data or submitting a form).
• Manipulate data using FQL (Functional Query Language).
• Invoke critical actions within your native app or PWA, such as navigation or setting application state.

The "output" of a flow is either to perform an action in your app, such as navigation, or to set data that can be consumed by your Layouts via a Data Zone component.

This documentation breaks down the Flows environment and its primary building blocks:

• Flow Mode and Management: Covers how to access and organize your Flows, including creation, deletion, and best practices for granularity.
• Building Flows: Nodes and Connections: Explains the structure of a Flow using the Start Node, Connections, and basic Canvas navigation.
• Action Nodes: Details the Nodes responsible for performing work, such as making GraphQL or Network Requests and controlling application state (Navigate, Set State, Open Overlay).
• Operator Nodes: Describes the Nodes that control the path and timing of execution, enabling complex logic with branching (Conditional) and sequence control (Throttle, Split, Try).

Canvas Navigation

Zooming the Canvas

• Trackpad: Use two fingers and slide up to zoom in and slide down to zoom out.
• Mouse: With your cursor in the Canvas (not panels), scroll up to zoom in and scroll down to zoom out.

Moving the Canvas

• Hold the space bar, click, and drag to your desired position.