Mission
Constellation DX Components
1 Mission
5 Modules
5 Challenges
19 hrs 5 mins
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
Required
-
Mission
Constellation Adoption
5 Modules
11 Challenges
12 hrs 10 mins
-
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 Topics
55 mins
-
Learn about Constellation DX components, the type of components, and when to use them.
Develop Constellation DX components
-
Module
Develop Constellation DX components
11 Topics
1 hr 30 mins
-
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
Required
-
Challenge
Setting up your development environment
6 Tasks
30 mins
-
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 Topic
1 hr 5 mins
-
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
Required
-
Challenge
Creating your first Field component
7 Tasks
30 mins
-
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 Topic
10 mins
-
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
Required
-
Challenge
Creating a layout template component
10 Tasks
30 mins
-
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 Topic
25 mins
-
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
Required
-
Challenge
Creating a Star Rating Widget
12 Tasks
30 mins
-
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
Required
-
Challenge
Improving the Star Rating Widget
2 Tasks
30 mins
-
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...
