Skip to main content

Table of Contents

Tools for debugging Cosmos React

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.

Did you find this content helpful?

Have a question? Get answers now.

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

Ready to crush complexity?

Experience the benefits of Pega Community when you log in.

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