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
    • Application Package Development and Usage
      • HAP
      • HAR
      • HSP
    • Application Package Installation, Uninstall, and Update
  • Application Configuration Files in Stage Model
    • Overview of Application Configuration Files in Stage Model
    • app.json5 Configuration File
    • module.json5 Configuration File
  • Application Configuration Files in FA Model
    • Overview of Application Configuration Files in FA Model
    • Structure of the app Tag
    • Structure of the deviceConfig Tag
    • Structure of the module Tag
  • Typical Scenarios Development
    • Integrated HSP
    • Converting HAR to HSP
    • Converting HSP to HAR
    • Creating a Static Shortcut of the Application
    • Creating an Application Clone
    • Creating an Application Multi-Instance
    • Configuring Layered Icons
• Resource Categories and Access
• Learning ArkTS
  • Getting Started with ArkTS
  • Introduction to ArkTS
  • ArkTS Coding Style Guide
  • TypeScript to ArkTS Migration Guide
    • ArkTS Migration Background
    • TypeScript to ArkTS Cookbook
    • Adaptation Cases
  • ArkTS Performant Programming Practices
  • Basic Syntax of UI Paradigms
    • Basic Syntax Overview
    • Declarative UI Description
    • Custom Components
      • Creating a Custom Component
      • Page and Custom Component Lifecycle
      • Custom Component Layout
      • Constraints on Access Modifiers of Custom Component Member Variables
    • @Builder Decorator: Custom Builder Function
    • @LocalBuilder Decorator: Maintaining the Parent-Child Relationship Between Component and State Management
    • @BuilderParam Decorator: Referencing the @Builder Function
    • wrapBuilder: Encapsulating a Global @Builder
    • @Styles Decorator: Definition of Reusable Styles
    • @Extend Decorator: Extension of Built-in Components
    • stateStyles: Polymorphic Style
    • @AnimatableExtend Decorator: Definition of Animatable Attributes
    • @Require Decorator: Validating Constructor Input Parameters
    • @Reusable Decorator: Reusing Components
  • State Management
    • State Management Overview
    • State Management (V1)
      • Component State Management
        • @State Decorator: State Owned by Component
        • @Prop Decorator: One-Way Synchronization from the Parent Component 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 Property Changes in Nested Class Objects
      • Application State Management
        • Application State Management Overview
        • LocalStorage: Storing UI State
        • AppStorage: Storing Application-wide UI State
        • PersistentStorage: Persisting Application State
        • Environment: Device Environment Query
      • Other State Management Features
        • Overview of Other State Management Features
        • @Watch Decorator: Getting Notified of State Variable Changes
        • $$ Syntax: Two-Way Synchronization of Built-in Components
        • @Track Decorator: Class Object Property-level Update
        • Freezing a Custom Component
      • MVVM
      • Best Practices for State Management
      • Proper Use of State Management
    • State Management (V2)
      • V2 Exclusive Decorators
        • @ObservedV2 and @Trace Decorators: Observing Class Property Changes
        • @ComponentV2 Decorator: Custom Component
        • @Local Decorator: Representing the Internal State of Components
        • @Param Decorator: Inputting External Parameters to Components
        • @Once: Implementing Initialization Once
        • @Event Decorator: Component Output
        • @Provider and @Consumer Decorators: Synchronizing Across Component Levels in a Two-Way Manner
        • @Monitor Decorator: Listening for Value Changes of the State Variables
        • @Computed Decorator: Computed Property
        • @Type Decorator: Marking the Types of the Class Property
      • Other State Management Features
        • AppStorageV2: Storing Application-wide UI State
        • PersistenceV2: Persisting Application State
        • !! Syntax: Two-Way Binding
        • Freezing a Custom Component
        • Repeat: Reusable Repeated Rendering
        • getTarget API: Obtaining Original Objects
        • makeObserved API: Changing Unobservable Data to Observable Data
      • MVVM (V2)
    • Mixed Use and Migration Guide for V1 and V2
      • Mixing Use of Custom Components
      • Migrating Applications from V1 to V2
  • Rendering Control
    • Rendering Control Overview
    • if/else: Conditional Rendering
    • ForEach: Rendering Repeated Content
    • LazyForEach: Lazy Data Loading
    • ContentSlot: Representing a Placeholder in Hybrid Development