Skip to main content

ミッション

Constellation DX Components

1 ミッション

5 モジュール

5 チャレンジ

19 時間 5 分

Pega Platform
表示の対象:All users Applies to: Pega Platform

Constellation DX components are an extension of the UI component library of the Constellation design system. By using Constellation DX components, you can add purpose-specific UI components to an application that seamlessly integrates with View authoring in App Studio.

Constellation DX components are built using React, an open-source JavaScript library. In addition to understanding React, developers of Constellation DX components also need to know how to call different Constellation APIs, such as PCore and PConnect, and how to integrate the custom components into Pega Platform™.

上級
Constellation
英語

Required components

Constellation Adoption Setting up your development environment Creating your first Field component Creating a layout template component Creating a Star Rating Widget Improving the Star Rating Widget

Constellation Adoption

必須

  • ミッション

    Constellation Adoption

    5 モジュール

    11 チャレンジ

    12 時間 10 分

  • Explore Pega's Constellation architecture and learn about building Views, debugging applications, and working directly with the DX API.

    Note: This...

Constellation DX components

  • モジュール

    Constellation DX components

    4 トピック

    55 分

  • Learn about Constellation DX components, the type of components, and when to use them.

Develop Constellation DX components

  • モジュール

    Develop Constellation DX components

    11 トピック

    1時間 30 分

  • Gain an overview of the development workflow for creating, publishing, and deploying custom UI components using single page application technology and...

Setting up your development environment

必須

  • チャレンジ

    Setting up your development environment

    6 タスク

    30 分

  • You have recently joined the Sweet Life Pega Center of Excellence (COE) team. Because you have strong React development skills, Sweet Life wants you...

PCore and PConnect APIs

  • モジュール

    PCore and PConnect APIs

    1 トピック

    1時間 5 分

  • Explore how PCore and PConnect APIs enable the development and management of Constellation DX components by providing essential functionalities such...

Creating your first Field component

必須

  • チャレンジ

    Creating your first Field component

    7 タスク

    30 分

  • Sweet Life stakeholders are happy with the new Pega self-service portal, which enables customers to raise incident tickets without having to call the...

Localization

  • モジュール

    Localization

    1 トピック

    10 分

  • Learn how to provide multi-language support for your Constellation DX component by integrating it with built-in Constellation localization features...

Creating a layout template component

必須

  • チャレンジ

    Creating a layout template component

    10 タスク

    30 分

  • Sweet Life stakeholders like the new NavigateToStep component and want to invest more in improving it. However, they have observed that it does not...

Messaging

  • モジュール

    Messaging

    1 トピック

    25 分

  • Learn about the different types of messaging that you can add to a Constellation DX component to facilitate communication between components and...

Creating a Star Rating Widget

必須

  • チャレンジ

    Creating a Star Rating Widget

    12 タスク

    30 分

  • The business stakeholders want to provide an instant view of the previous customer ratings for incidents (and other Case Types). They want to use an...

Improving the Star Rating Widget

必須

  • チャレンジ

    Improving the Star Rating Widget

    2 タスク

    30 分

  • The business stakeholders have provided some feedback, and they have noticed that the Widget count in the Utilities pane does not seem to behave the...

mission badge: Constellation DX Components

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice