Home

Guides

Editor

Components

Actions

Conditions

Components

Basic

Container

Text

Image

Icon

Button

Forms

Local State

Text Input

Date Picker

Logic

Conditional Logic

Conditional Switch Logic

Modal

Sheet

Pager

Tabbed Pager

Data

Data Loader

Repeating Item

Countdown Timer

Data Transformer

Date Elements

Paging Data Loader

Contentful

Rich Text

Local State Component Documentation

Overview

The Local State Component is designed to manage and store temporary state information within a component or a specific part of your application. This component allows for quick data manipulation and retrieval, providing an efficient way to handle user interactions and component behaviors without relying on external state management.


Key Features

  • Easy State Management

  • Reactivity

  • Scoped Data Storage


Component Fields

1. Data Type

2. Key

3. Initial

4. Component


Best Practices for Using the Local State Component

  • Limit Scope:Use local state for data that only needs to be accessed or modified within the component to prevent unnecessary complexity in global state management.

  • Optimise Performance:Avoid excessive re-renders by grouping state updates when possible and utilising memorisation techniques to minimise unnecessary updates in the UI.