Mission
Constellation DX Components
1 Missão
5 Módulos
5 Desafios
19 h 5 min
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™.
Required components
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...