Skip to main content

         This documentation site is for previous versions. Visit our new documentation site for current releases.      

Tools for debugging Cosmos React

Updated on October 17, 2022
Applicable to Cosmos React applications

Identify issues in the Cosmos React UI more conveniently by using recommended tools and techniques. Debugging helps you adjust your application to make it issue-free and easier to maintain.

Cosmos React supports the following debugging methods.

Virtual DOM
Because Cosmos React uses ReactJS components, a virtual DOM is an important structure that stores metadata information.

You can install the React Developer Tools plugin and use the Components tab in your browser's developer tools to check UI elements and view related metadata. You can use the <virtual element>.props.getPConnect() command to get more information about a selected component.

Redux DevTools
Cosmos React applications maintain data at the client server by using Redux.
Tracer is the out-of-the-box tool for debugging Pega Platform applications.

For more information, see Application debugging by using the Tracer tool.

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best. is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us