Skip to main content

Pega Marketplace Terms of Use

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 combined with Pega's client orchestration APIs provides a guided iterative development workflow experience that accelerates integrating Pega’s Constellation DX API with an alternative (non-Pega) UI. Integrating an alternative design system is achieved using DX Components. A DX component contains logic and presentation tags to merge the alternate design system with Pega’s client orchestration APIs. The alternative design system used in the React SDK is Material UI. For more information about Constellation SDKs, see the Constellation SDKs documentation.

Key Features

The React SDK leverages the Constellation JavaScript Orchestration 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.

Available Versions

React SDK Compatible Pega Versions
SDK-R 24.1.10 24.1.x
SDK-R 23.1.11 23.1.x
SDK-R 23.1.10 23.1.x
SDK-R 8.23.11 23.1.x, 8.8.x

SDK-R 8.23.10

(Introduces DX Component builder for Infinity 8.8.x and 23.1.x)

23.1.x, 8.8.x

SDK-R 8.8.20

(Introduces DX Component builder for Infinity 8.8.x)

8.8.x

SDK-R 8.8.10

(Please use SDK-R 8.8.20 if starting a new project with Infinity 8.8)

8.8.x, 8.7.x


SDK-R 24.1.10 is only compatible with Pega Infinity '24.1.

SDK-R 23.1.11 is only compatible with Pega Infinity '23. If you are currently using Pega Infinity '23 with SDK-R 8.23.11, you should prepare to update your SDK to SDK-R 23.1.11 to take advantage of the latest SDK enhancements and fixes.

SDK-R 8.8.20 is only compatible with Pega Infinity 8.8. If you are currently using Pega Infinity 8.8 with SDK-R 8.23.11, you should prepare to update your SDK to SDK-R 8.8.20 to take advantage of the latest SDK enhancements and fixes.

For more information, see React SDK updates.

Resources

logo

Version

24.1.10

Compatible with

Pega Platform 8.7 8.8 '23 '24.1

Product Owner

Tim Martel

Last updated

July 8, 2024

Product Capability

DX API User Experience

Screenshots:

Screenshot 1 Screenshot 2
Share this page Share via x Share via LinkedIn Copying...

Did you find this content helpful?

Want to help us improve this content?

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

Pega Community 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
Contact us