Skip to main content

Mission

Constellation DX Components

1 Missão

5 Módulos

5 Desafios

19 h 5 min

Pega Platform
Visível para: 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™.

Advanced
Constellation
Inglês

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

Obrigatório

  • Mission

    Constellation Adoption

    5 Módulos

    11 Desafios

    12 h 10 min

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

    Note: This...

Constellation DX components

  • Module

    Constellation DX components

    4 Tópicos

    55 min

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

Develop Constellation DX components

  • Module

    Develop Constellation DX components

    11 Tópicos

    1 h 30 min

  • 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

Obrigatório

  • Challenge

    Setting up your development environment

    6 Tarefas

    30 min

  • 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

  • Module

    PCore and PConnect APIs

    1 Tópico

    1 h 5 min

  • 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

Obrigatório

  • Challenge

    Creating your first Field component

    7 Tarefas

    30 min

  • 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

  • Module

    Localization

    1 Tópico

    10 min

  • 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

Obrigatório

  • Challenge

    Creating a layout template component

    10 Tarefas

    30 min

  • 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

  • Module

    Messaging

    1 Tópico

    25 min

  • 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

Obrigatório

  • Challenge

    Creating a Star Rating Widget

    12 Tarefas

    30 min

  • 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

Obrigatório

  • Challenge

    Improving the Star Rating Widget

    2 Tarefas

    30 min

  • 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