Skip to content

Links project implemented in JEE. Demonstrates a composite UI pattern implemented in react.

Notifications You must be signed in to change notification settings

bkaminnski/links-jee

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Links - Composite UI project

This is a JEE version of this project.

Goal

The goal of the project is to verify in practice Composite UI technique. I first heard about it in Advanced Distributed Systems Design course by Udi Dahan (on-line version, available here). You can find a short introduction to this idea in his blog post. Another mention of the technique can be found in Building Microservices book by Sam Newman, under the name UI Fragment Composition (however with far less attention). It was also mentioned in the Technology Radar under the term of micro frontends, here.

Even though Composite UI technique makes the main driver for the project, there are many other interleaving concepts, playing with which is important alike: finding services boundaries, autonomous services, services decomposition, messaging, asynchronous communication, loose coupling. The goal of the hands-on part of the project is to practice automation skills (with tools Docker and some scripting), JEE (with JMS, JPA, CDI, ...), Java 8 (with its streams, lambdas, ...) and ReactJS (with webpack, babel, ...).

And the overall theme of the project derives from the KISS principle.

Links

This is my personal project, therefore I decided to make a simple application in terms of its functional scope. It is a list of links - idea similar to the pocket application (BTW - highly recommended). Even though it is small, it still gives enough opportunities to evaluate many interesting concepts.

Project status and roadmap

Done

  • Initial ReactJS scouting. I made a separate github repository to give ReactJS a try. In particular this subproject explains basics of Composite UI technique.
  • Continuous integration environment setup, with fully automated provisioning of CentOS 7 machine, middleware (Wildfly) and database (PostgreSQL) initialization, project compilation and deployment. For development purposes the mostly used component of the environment is related to Docker. All sources (plus more detailed explanation in the README.md) file are available here.
  • First steps with two projects: links (the unifying one), and description (the one to keep descriptions of links). All sources are available here.
  • First steps with JMS topic (automated topic creation during Wildfly installation, publishing to the topic, reading from the topic)
  • Service discovery based on JMS topic (with hardcoded urls at the moment)
  • Extracted the description of the Link entity to a separate service
  • Simple libraries to unify basic operations (service logging, handling of tracking id to track a single request throughout all involved services)
  • Extracted the keywords of the Link entity to a separate service
  • Adding a new link from the UI (the first submittable form), provided that the entity is split between three services (URL in links service, description in description service, keywords in keywords service)
  • The same project but implemented in Spring Boot technology stack, available here

Nearest future

  • Distributed search of links: a "plug-in" approach or message enrichment on JMS topic; both across all links-related services (urls, keywords, descriptions)

About

Links project implemented in JEE. Demonstrates a composite UI pattern implemented in react.

Topics

Resources

Stars

Watchers

Forks