Pega Marketplace Terms of Use
Pega Marketplace
React SDK
A React-based bridge and DX components that connect the ConstellationJS Orchestration engine to a design system other than Pega Constellation.
By using or submitting listings via the Pega Marketplace, you agree to our Terms of Use.
Overview
The React SDK includes a bridge and DX components that connect the JavaScript ConstellationJS engine to a React-based design system that is different than the standard React Constellation design system. The SDK provides a front-end developer friendly NodeJS environment for building an application’s UI using a different design system than the Constellation design system. The alternative design system used in the React SDK is Material UI.
Background
Pega Infinity™ is shipping a new technology stack which supports views instead of harnesses and sections and is authored in App Studio. The technology consists of the Constellation technology stack and Constellation design system. Constellation contains the Constellation DX API, JavaScript ConstellationJS Orchestration engine, and associated public JavaScript API. Constellation applications use the Constellation design system as their presentational layer. However, not all Pega customers want to use the Constellation design system-based user interface. Pega SDKs provide a front-end developer friendly toolset to integrate an alternative design system with Infinity.
The React SDK provides support for design systems based on React. The included code uses Material UI components instead of the standard Constellation design system.
The downloadable React SDK Guide contains installation details and additional information.
Available Versions
React SDK | Compatible Pega Versions | Documentation |
---|---|---|
Version SDK-8.23.11 | 8.8.x (Includes DX Component Builder) | |
Version SDK-8.8.10 | 8.8.x, 8.7.x |
Key Features
Unlike previous DX API V1 React starter packs, the React SDK leverages the Constellation JavaScript Engine to simplify implementation and improve quality and performance. The ConstellationJS Engine is the same acceleration layer utilized in Pega’s Constellation design system UI.
The SDK includes:
- ConstellationJS Engine to React bridge
- Sample integration of the React bridge with the Material UI design system
- DX components and presentation components that use the React-based bridge
- MediaCo sample Infinity application
- Documentation: SDK Guide, ConstellationJS Engine overview, component building instructions, and ConstellationJS API documentation
The examples provided in the SDK allow you to run an React-driven Pega Infinity application as embedded UI hosted by a customer Portal or a stand-alone-Portal. The Embedded use case is the most common use of the React SDK. The Embedded use case presents a Pega flow action running inside a non-Pega web application. The Portal use case presents the Pega portal UI for a Constellation-based Pega application.

Version
Compatible with
Pega Platform 8.8 8.7Last updated
August 14, 2023Product Capability
DX API User ExperienceScreenshots:

