Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Added Microservices UI Client side composition #2698 #3062

Open
wants to merge 6 commits into
base: master
Choose a base branch
from
Open

Added Microservices UI Client side composition #2698 #3062

wants to merge 6 commits into from

Conversation

TarunVishwakarma1
Copy link

What problem does this PR solve?

This PR implements the Client-Side UI Composition pattern, as described in issue #2698. The pattern allows the user interface to be composed on the client-side, using micro frontends and an API Gateway, ensuring a modular and flexible UI.

Close #2698

Key Elements of the Implementation:

  • Micro Frontends: Independent frontend modules that can be developed, tested, and deployed separately.
  • API Gateway: A routing mechanism that directs client requests to the appropriate microservices.
  • Client-Side Integration Layer: A dynamic layer that integrates the UI components into a cohesive user experience.
  • Asynchronous Data Fetching: Ensures non-blocking data loading for each frontend component, enhancing user experience.

Acceptance Criteria:

  • Micro frontends are developed as independent modules.
  • An API Gateway is implemented to route client requests securely and efficiently.
  • The client-side integration layer dynamically assembles the UI components.
  • Each frontend component fetches its data asynchronously using non-blocking mechanisms.

Testing and Documentation:

  • Comprehensive tests are included to ensure the integrity of the integrated UI components.
  • Detailed documentation is provided on setting up and using the Client-Side UI Composition pattern.

@TarunVishwakarma1
Added Microservices client side ui composition to the repo.
17b8999 
Added ClientSideCompositionTest, ApiGateway, ClientSideIntegrator, FrontendComponent, CartFrontend, ProductFrontend, updated pom.xml, ReadME.md.
@TarunVishwakarma1
Improved some checkstyle changes.
8fe2ea9
@TarunVishwakarma1
Copy link
Author

Please let me know if you have any suggestion or requirement regarding the PR.

iluwatar
iluwatar requested changes Nov 3, 2024
View reviewed changes
microservices-client-side-ui-composition/ReadME.md Outdated Show resolved Hide resolved
microservices-client-side-ui-composition/pom.xml Outdated Show resolved Hide resolved
microservices-client-side-ui-composition/pom.xml Outdated Show resolved Hide resolved
microservices-client-side-ui-composition/ReadME.md Show resolved Hide resolved
@sonarqubecloud SonarQubeCloud
Copy link

Quality Gate Failed Quality Gate failed

Failed conditions
1 Security Hotspot

See analysis details on SonarQube Cloud

@stale Stale
Copy link

stale bot commented Dec 18, 2024

This pull request has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

@stale stale bot added the status: stale issues and pull requests that have not had recent interaction label Dec 18, 2024
@TarunVishwakarma1
Copy link
Author

The required changes has been done. Please merge the pr.

@stale stale bot removed the status: stale issues and pull requests that have not had recent interaction label Dec 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@iluwatar iluwatar iluwatar requested changes

Requested changes must be addressed to merge this pull request.

Assignees
No one assigned
Labels
status: under review
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

Microservice pattern: Client-side UI composition
2 participants
@TarunVishwakarma1 @iluwatar