Question
TSPI
TSPI
US
TSPI
Posted: Sep 5, 2022
Last activity: Sep 6, 2022
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.
@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