Front-End Logic and Flows

Back to Front-End Components

Front-End Logic and Flows

A learning hub for client-side orchestration in Wappler: App Connect flows, page-level server events, and simple stateful UI logic.

Use this hub when your page behavior is no longer just markup and styling. Demo Projects HQ already gives you a concrete workflow page in task editing: the page loads one task from the route query, updates the record through `task_form`, shows executing/success/error states, and exposes a separate delete flow with its own confirmation and server response.

That is the right mental model for this category. Front-end logic in Wappler is usually about keeping those page behaviors explicit: when to escalate repeated UI behavior into flows, how to respond consistently to Server Connect activity, and how to avoid burying state in fragile ad hoc DOM changes.

Front-end logic and flows

Use the real task-edit workflow as the baseline, then branch into the focused orchestration tours.

Start here

App Connect Flows

Start here for App Connect Flows: learn the three flow types (App Flow, Page Flow, Inline Flow) and jump into the dedicated App Flow editor tours.

Open hub

Handle Global Server Connect Events

Handle global Server Connect request events on a page so loading, success, and error feedback stay consistent across components.

Open tour

Toggle Component

Use the Toggle component when a page needs simple explicit UI state without over-engineering the data model.

Open tour

Go to

Front-End Components

Start here for UI building in Wappler: Bootstrap components, forms, themes, and the editor surfaces used to shape frontend behavior.

Open tour

App Connect

Your guided index of App Connect tours: reactive model, data components, bindings, events/actions, and common workflows — explained visually in Wappler’s panels and pickers.

Open tour

Wappler Docs Index

Browse Wappler tours by topic and jump into areas like Why Wappler, Learning the Basics, and Wappler's UI.

Open tour