Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-122065

As a Developer I want a framework agnostic mechanism to communicate apps

    Details

      Description

      As a platform, DXP supports a wide range of frontend frameworks and approaches. Different organizations have different needs and present unique challenges.

      The goal of this epic is to provide building blocks to improve widget state synchronization and simplify client state management across different applications and frameworks such as React, Angular and Vue.js

      Some ideas we've explored so far include:

      • Support to store state locally in localStorage
      • Globally available Store API with:
        • Normalized payload
        • Subscription mechanism
      • Support to store state on the server (session) 
      • Per-route state control and storage
      • Globally available Reducer API

      Acceptance Criteria

      • A new mechanism that allows to agnostically connect applications regardless of the framework of choice
      • Upgrade paths for existing patterns within DXP codebase are documented and applied
      • Documentation provided on how to use it using the main industry frameworks

      Test Information section

      Test Scenarios:

      Requirement Test Case Covered by frontend/backend unit test? (Yes/No) Test Priority (business impact) Chrome
      Pass/Fail
      Firefox
      Pass/Fail
      A new mechanism that allows to agnostically connect applications regardless of the framework of choice Given app built from React
      And Given synced with app built from vanilla JSP
      When input provided in react app
      Then that data can be instantly retrieved and displayed in JSP app
      no 5-critical    
       A new mechanism that allows to agnostically connect applications regardless of the framework of choice Given app built from React
      And Given synced with app built from vanilla JSP
      When input provided in JSP app
      Then that data can be instantly retrieved and displayed in react app
      no 5-critical    

      Exploratory Scenarios:

      Requirement Test Case Test Priority (business impact)
        Exploratory API testing 3-medium
        Exploratory API testing, to see if API messages provide useful errors 3-medium
        Exploratory test if can easily send/receive heavy state objects with new API. 3-medium

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              john.co John Co
              Reporter:
              jose.balsas Chema Balsas
              Recent user:
              Bruno Fernández
              Participants of an Issue:
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:

                  Packages

                  Version Package