1. Define the Action in UI Design

• Log in to the Kuika platform.
• Open your project from the Apps screen.
• Go to the UI Design module.
• Select the element you want to add the action to (e.g., a button).
• Open the Properties panel on the right side.

• From the ADD ACTION menu, select Local Storage → Read From Local Storage according to the trigger event you want (Initial Actions, OnClick, OnBlur, etc.).

2. Configure Action Parameters

• Key (String - Required): The key name of the data to be read from Local Storage. For example, “userToken” or ‘themePreference’
• Can be linked from sources such as Fixed, Screen Input, Current using the Symbol Picker.

After the user sets the application theme to “Dark Mode,” this preference is saved to Local Storage with the key “theme.” When the user reopens the application, this value is read with the Read From Local Storage action, and the interface automatically switches to “Dark Mode.”

Application Flow

• The Read From Local Storage action is added to be triggered when a button, page, or screen is loaded.
• The key field is entered as “theme.”
• Then, with the Set Value action, the read value is transferred to a Component (e.g., page theme).

• Conditional Theme Change: An action to change the theme based on the read value can be added with an If condition.
• Automatic Reading on Page Opening: Can be defined in Initial Actions to run when the page loads.
• Use with Redirection: If no data is found, the user can be redirected to the login screen (with the Navigate action).

Technical Risks and Controls

• Invalid or Empty Key: Returns null or undefined when an undefined key is entered. It should be handled with conditional control (If).
• Data Format Incompatibility: If the read data is in JSON format, Parse JSON may be required.
• Browser Incompatibility: Very old browsers may not support Local Storage. The application should be tested according to the user base.
• Performance Risk: Storing and reading large data blocks in Local Storage may reduce performance. Lightweight data should be preferred.
• Security: Sensitive data (passwords, tokens) should not be stored in Local Storage without encryption. Otherwise, it becomes vulnerable to XSS risks.

With this structure, you can offer a more personalized and sustainable experience to users by using the Read From Local Storage action.