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

    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.

    Available Versions

    React SDK Compatible Pega Versions
    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
    Release 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. The release 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

      23.1.11

      Compatible with

      Pega Platform '23 8.8 8.7

      Product Owner

      Tim Martel

      Last updated

      April 21, 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