LinkedIn
Copied!

Table of Contents

Previewing Cosmos React UI

Version:

Only available versions of this content are shown in the dropdown

Cosmos React UI is a run-time environment that supports the latest open-source technologies and frameworks to improve the user experience. It is available for testing and exploration.

Some browsers might not support React components. For more information about browser compatibility, see Pega Platform Client Operating System and Browser Support.

Cosmos React UI

In its full version, Cosmos React UI relies on ReactJS libraries to create a run-time architecture for the Cosmos design system. You can opt in to Cosmos React UI in App Studio to explore the new authoring environment for views and portals, and experiment with building sample applications. The full Cosmos React UI architecture is an advanced beta and not yet ready for production.

If you use Pega Cloud Services or a client-managed cloud environment to host Pega Platform, the Cosmos React UI engine is already part of your development environment, and you only need to enable it for your applications.

In Pega Cloud 2.17, the HIPAA template does not support Cosmos React UI.

If you run an on-premises system that you implemented through a Helm for Kubernetes, a single multitenant Cosmos React UI instance is installed automatically for each Pega Infinity environment. If you need a different configuration, you can also opt in by deploying the framework manually through Docker or Helm for Kubernetes. For more information, see Implementing Cosmos React UI in Pega Platform.

Cosmos React UI for landing pages

For production purposes, you can enable a hybrid setting that causes the application to take on a mixed architecture. When you enable Cosmos React UI for landing pages, most components retain the classic server-side rendering, but portal authoring components and list views use an updated client-side technology.

All new applications use React-based landing pages by default. In applications that are built on earlier versions, you can enable React-based landing pages manually. For more information about making applications ready for React, see Implementing Cosmos React UI in Pega Platform.

Discover more about Cosmos React UI in the following articles:

  • Cosmos React UI service, deployment, and network configuration

    Cosmos React UI requires a static content microservice that delivers content to the browser. This approach improves overall application performance.

  • Implementing Cosmos React UI in Pega Platform

    Prepare Pega Platform and your application for the new run-time framework that offers an updated set of UI capabilities. In the 8.5 release, you can test the full Cosmos React UI experience, which is an advanced beta, or decide to use only the production-ready Cosmos React UI for landing pages.

  • Troubleshooting Cosmos React UI

    React introduces new tools and UI functionalities to the Pega Platform environment. While new applications in the 8.5 release automatically support hybrid mode and require no additional maintenance, applications built in previous versions of the Platform might need additional troubleshooting.

  • Editing views in a case type

    Build a reusable user interface module by defining the form and content of a view. Views are clusters of UI components that you can modify according to your business needs by adding fields, applying templates, or embedding other views.

  • Adding fields to a form

    Collect specific information from users when they work on a case by adding fields to a form. For example, you can add a phone number field that prompts users to enter their personal and address details in the form.

Did you find this content helpful?

25% found this useful

Have a question? Get answers now.

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