Skip to main content

Pega Marketplace Terms of Use

React SDK

A React-based bridge and DX components that connect to the ConstellationJS Engine to React Material UI components.

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 Constellation JavaScript Engine to a React-based design system that is different than the standard React Cosmos design system.  The SDK provides a front-end developer friendly NodeJS environment for building an application’s UI using a different design system than Cosmos. The alternative design system used in this React SDK is Material UI. For more information about DX SDKs, see the Constellation SDKs documentation

Background

Starting with 8.6, Pega Infinity™ is shipping a new technology stack that supports view rules instead of harnesses and sections and is authored in App Studio.  The technology consists of the Constellation technology stack and Cosmos design system. Constellation architecture contains the Constellation DX API, Constellation JavaScript Engine, and Constellation JavaScript API. Constellation architecture combined with Cosmos is referred to as the Constellation design system. However, not all Pega customers want to use the Constellation design system user interface. Pega SDKs provide a front-end developer friendly toolset to use an alternative design system.

The React SDK provides support for design systems based on React. The included code uses Material UI components instead of the standard Cosmos design system. 

The downloadable React SDK Guide contains installation details and additional information.

Available Versions

React SDK Compatible Pega Versions Documentation
Version SDK-R.87.3 8.8, 8.7.* React SDK 87.* Guide

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.

logo

Version

SDK-R.87.3

Compatible with

Pega Platform, 8.8, 8.7.3, 8.7.2, 8.7.1, 8.7

Last updated

November 8, 2022

Product Capability

DX API User Experience

Screenshots:

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