Quick Start

• Getting Started
  • Before You Start
  • Building the First ArkTS Application in Stage Model
• Development Fundamentals
  • Application Package Fundamentals
    • Application Package Overview
    • Application Package Structure
      • Application Package Structure in Stage Model
      • Application Package Structure in FA Model
    • Multi-HAP Mechanism
      • Multi-HAP Design Objectives
      • Multi-HAP Build View
      • Multi-HAP Development, Debugging, Release, and Deployment
      • Multi-HAP Usage Rules
      • Multi-HAP Operation Mechanism and Data Communication Modes
    • Application Installation and Uninstall
    • Application Package Update
    • Shared Package
      • Shared Package Overview
      • HAR
      • HSP
    • Quick Fix
      • Quick Fix Overview
      • CLI-based Quick Fix Development
  • Application Configuration Files in Stage Model
    • Application Configuration Files (Stage Model)
    • app.json5 Configuration File
    • module.json5 Configuration File
  • Application Configuration Files in FA Model
    • Application Configuration Files (FA Model)
    • Internal Structure of the app Tag
    • Internal Structure of the deviceConfig Tag
    • Internal Structure of the module Tag
  • Resource Categories and Access
• Learning ArkTS
  • Getting Started with ArkTS
  • Introduction to ArkTS
  • TypeScript to ArkTS Migration Guide
    • ArkTS Migration Background
    • TypeScript to ArkTS Cookbook
    • Adaptation Cases
  • UI Paradigms
    • Basic Syntax
      • Basic Syntax Overview
      • Declarative UI Description
      • Custom Component
        • Creating a Custom Component
        • Page and Custom Component Lifecycle
      • @Builder Decorator: Custom Builder Function
      • @BuilderParam Decorator: @Builder Function Reference
      • @Styles Decorator: Definition of Resusable Styles
      • @Extend Decorator: Extension of Built-in Components
      • stateStyles Decorator: Polymorphic Style
      • @AnimatableExtend Decorator: Definition of Animatable Attributes
    • State Management
      • State Management Overview
      • Component State Management
        • @State Decorator: State Owned by Component
        • @Prop Decorator: One-Way Synchronization from Parent to Child Components
        • @Link Decorator: Two-Way Synchronization Between Parent and Child Components
        • @Provide and @Consume Decorators: Two-Way Synchronization with Descendant Components
        • @Observed and @ObjectLink Decorators: Observing Attribute Changes in Nested Class Objects
      • Application State Management
        • Application State Management Overview
        • LocalStorage: UI State Storage
        • AppStorage: Application-wide UI State Storage
        • PersistentStorage: Application State Persistence
        • Environment: Device Environment Query
      • Other State Management Features
        • Overview of Other State Management Features
        • @Watch: Getting Notified of State Variable Changes
        • $$ Syntax: Two-Way Synchronization of Built-in Components
      • MVVM
      • Best Practices for State Management
    • Rendering Control
      • Rendering Control Overview
      • if/else: Conditional Rendering
      • ForEach: Rendering of Repeated Content
      • LazyForEach: Lazy Data Loading