Front-End Logic and Flows

Back to HTML Editor: Front-End Learning

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 page behavior is no longer just markup and styling. Start with App Connect Flows, then move into shared request events and simple UI state patterns.

Choose a front-end logic path

Use flows as the main branch, then open focused orchestration and state patterns.

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 tour

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

Structured hub for Wappler learning paths across onboarding, how-to guides, reference tours, switching guides, and product-area indexes.

Open tour