Render React Application within TRIRIGA Perceptive Application

Summary

This code pattern demonstrates how to blend technologies (Polymer and React) together to obtain the desired user experience, using ‘PolyReact Wrapper’. We will be rendering the React Application within the Polymer web-components in TRIRIGA Perceptive Application framework.

Description

In this code pattern, we will create a starter dashboard using TRIRIGA UX framework and IBM Carbon Design System / IBM Watson IoT Design Patterns and Assets Library which is based on React components. Upon completion of this code pattern, users will be able to:

  • Create a TRIRIGA Perceptive Application.
  • Develop a React application.
  • Build a starter dashboard using IBM Carbon Design System / IBM Watson IoT Design Patterns and Assets Library React components.
  • Render the React application in TRIRIGA Perceptive Application.

Flow

flow

  1. Create the TRIRIGA Perceptive Application.
  2. Set up the development environment.
  3. Create the application’s JavaScript.
  4. Create a standalone React Application.
  5. Render the React Application in TRIRIGA Perceptive Application.
  6. Render Carbon Design System components / PAL in TRIRIGA Perceptive Application.

Instructions

Ready to give it a try? Please see the README for detailed instructions.