Skip to main content

This content is closed to future replies and is no longer being maintained or updated.
Links may no longer function. If you have a similar request, please write a new post.

Question

 Rohini Uppalapati (RohiniU17033345)
TSPI

TSPI
US
RohiniU17033345 Member since 2023 3 posts
TSPI
Posted: Sep 5, 2022
Last activity: Sep 6, 2022
Posted: 5 Sep 2022 6:12 EDT
Last activity: 6 Sep 2022 5:30 EDT
Closed

How to configure ReactJs components to Pega and how to use it?

How to configure ReactJs components to Pega and how to use it?

***Edited by Moderator: Pooja Gadige to move from Pega Academy to Product, add capability tag***
To see attachments, please log in.
Pega Platform 8.7.3
User Experience

Posted: 2 years ago
Posted: 6 Sep 2022 5:30 EDT
Joe Houghton (JoeH9464)
Capgemini
Solution Architect
Capgemini
GB

@RohiniKumarU

There are a few options

1. Please look at the UI Gallery in Dev Studio for examples of React components that work with section based UI. This is quite old now but will work if you are not using Cosmos React.

2. For custom React components for use with Cosmos React and the hybrid mode, you can see the process for creating components here:

https://docs-previous.pega.com/cosmos-dx-components-cosmos-react/87/cosmos-dx-components-cosmos-react

Also there is a video from the CLSA webinars that covers custom components (near the bottom, Custom DX Component video)

https://support.pega.com/discussion/clsa-community-meetup-pegas-latest-ux-capabilities-deep-dive-february-2022-recording

https://www.npmjs.com/package/@pega/custom-dx-components

3. There is also the DX SDK which you can use to build a completely custom front end:

https://docs-previous.pega.com/dx-sdks/dx-sdks

To see attachments, please log in.

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

Pega Collaboration Center 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