Re: Frameworks similar to Convergent UI for composite UI

"Jorg Heymans [email protected] [domaindrivendesign]" <[email protected]> Fri, 08 Jan 2016 16:50:42 +0000
Newsgroups	gmane.comp.programming.domain-driven-design
Message-ID	<CAKoHLT4xAbcW2y89CMcryMQDU0QmAKpMs6XOAanvsaVgOC2qaQ@mail.gmail.com>
--001a113f3894dc16ab0528d5632a
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: quoted-printable

Vaadin has worked well for us:
- your UI is composed on the java class level instead of html / js
- each widget (in essence just a jar in your project) communicates with its
data backend using rest/ws/whatever. Difference to above approach is that t=
he
communication to the data backend happens from the server instead of the
client, since that is where the widget really lives.

HTH
Jorg

On Fri, Jan 8, 2016 at 4:50 PM [email protected] [domaindrivendesign] =
<
[email protected]> wrote:

>
>
> I was looking for a Java framework that could be used to compose a UI fro=
m
> different services/bounded contexts and it seems there aren't many option=
s
> out there.
>
>
> Convergent UI <https://github.com/acesinc/convergent-ui> (inspired by C
> ompoxure <https://github.com/tes/compoxure>)was the only Java option I
> came across in my search.
>
>
> I'm curious what other Java frameworks do you guys use to compose UIs?
>
>
>=20
>

--001a113f3894dc16ab0528d5632a
Content-Type: text/html; charset=UTF-8
Content-Transfer-Encoding: quoted-printable





<head>

<style type=3D"text/css">
<!--

/* start of attachment style */
       .ygrp-photo-title{
         clear: both;
         font-size: smaller;
         height: 15px;
         overflow: hidden;
         text-align: center;
         width: 75px;
       }
       div.ygrp-photo{
         background-position: center;
         background-repeat: no-repeat;
         background-color: white;
         border: 1px solid black;
         height: 62px;
         width: 62px;
       }

       div.photo-title=20
         a,
         div.photo-title a:active,
         div.photo-title a:hover,
         div.photo-title a:visited {
           text-decoration: none;=20
       }

       div.attach-table div.attach-row {
         clear: both;
       }

       div.attach-table div.attach-row div {
         float: left;
         /* margin: 2px;*/
       }

       p {
         clear: both;
         padding: 15px 0 3px 0;
	 overflow: hidden;
       }

       div.ygrp-file {
         width: 30px;
         valign: middle;
       }
       div.attach-table div.attach-row div div a {
         text-decoration: none;
       }

       div.attach-table div.attach-row div div span {
         font-weight: normal;
       }

       div.ygrp-file-title {
         font-weight: bold;
       }
 /* end of attachment style */
        -->
        </style>
        </head>
<html>
<head>
<style type=3D"text/css">
<!--
#ygrp-mkp {
  border: 1px solid #d8d8d8;
  font-family: Arial;
  margin: 10px 0;
  padding: 0 10px;
}

#ygrp-mkp hr {
  border: 1px solid #d8d8d8;
}

#ygrp-mkp #hd {
  color: #628c2a;
  font-size: 85%;
  font-weight: 700;
  line-height: 122%;
  margin: 10px 0;
}

#ygrp-mkp #ads {
  margin-bottom: 10px;
}

#ygrp-mkp .ad {
  padding: 0 0;
}

#ygrp-mkp .ad p {
  margin: 0;
}

#ygrp-mkp .ad a {
  color: #0000ff;
  text-decoration: none;
}
-->
</style>
</head>
<body>



<!-- |**|begin egp html banner|**| -->

<br><br>

<!-- |**|end egp html banner|**| -->


<div dir=3D"ltr"><div><br></div>Vaadin has worked well for us:<div>- your U=
I is composed on the java class level instead of html / js=C2=A0</div><div>=
- each widget (in essence just a jar in your project) communicates with its=
 data backend using rest/ws/whatever. Difference to above approach is that=
=C2=A0<span style=3D"line-height:1.5">the communication to the data backend=
 happens from the server instead of the client, since that is where the wid=
get really lives.</span></div><div><div><br></div><div>HTH</div><div>Jorg</=
div></div></div><br><div class=3D"gmail_quote"><div dir=3D"ltr">On Fri, Jan=
 8, 2016 at 4:50 PM <a href=3D"mailto:[email protected]">songoko20000@=
yahoo.com</a> [domaindrivendesign] &lt;<a href=3D"mailto:domaindrivendesign=
@yahoogroups.com">[email protected]</a>&gt; wrote:<br></di=
v><blockquote class=3D"gmail_quote" style=3D"margin:0 0 0 .8ex;border-left:=
1px #ccc solid;padding-left:1ex">


<u></u>









=20
<div style=3D"background-color:#fff">
<span>=C2=A0</span>


<div>
  <div>


    <div>
=20=20=20=20=20=20
=20=20=20=20=20=20
      <p><p><span>I was looking for a Java framework that could be used to =
compose a UI from different services/bounded contexts and it seems there ar=
en&#39;t many options out there.</span></p><p><span><br></span></p><p><span=
><a rel=3D"nofollow" href=3D"https://github.com/acesinc/convergent-ui" targ=
et=3D"_blank">Convergent UI</a> (inspired by C</span><a rel=3D"nofollow" hr=
ef=3D"https://github.com/tes/compoxure" style=3D"word-spacing:normal;color:=
rgb(64,120,192);font-family:&#39;Helvetica Neue&#39;,Helvetica,&#39;Segoe U=
I&#39;,Arial,freesans,sans-serif,&#39;Apple Color Emoji&#39;,&#39;Segoe UI =
Emoji&#39;,&#39;Segoe UI Symbol&#39;;font-size:16px" target=3D"_blank">ompo=
xure</a><span style=3D"word-spacing:normal">)was the only Java option I cam=
e across in my search.</span></p><p><span style=3D"word-spacing:normal"><br=
></span></p><p><span style=3D"word-spacing:normal">I&#39;m curious what oth=
er Java frameworks do you guys use to compose UIs?</span></p><p><span>=C2=
=A0</span></p></p>

    </div>
=20=20=20=20=20

=20=20=20=20
    <div style=3D"color:#fff;min-height:0"></div>


</div>



=20=20






</blockquote></div>




<!-- |**|begin egp html banner|**| -->

<br>


<br>

<!-- |**|end egp html banner|**| -->


<div width=3D"1" style=3D"color: white; clear: both;"/>__._,_.___</div>

=20=20=20=20=20=20
=20=20

=20=20=20=20
    <div id=3D"fromDMARC" style=3D"clear:both; margin-top: 10px;">
         <hr style=3D"height:2px ; border-width:0; color:#E3E3E3; backgroun=
d-color:#E3E3E3;">
         Posted by: Jorg Heymans &lt;[email protected]&gt;         <hr=
 style=3D"height:2px ; border-width:0; color:#E3E3E3; background-color:#E3E=
3E3;">
    </div>
<!-- Start Recommendations -->
<!-- End Recommendations -->



<!-- |**|begin egp html banner|**| -->

  <img src=3D"http://geo.yahoo.com/serv?s=3D97476590/grpId=3D8116923/grpspI=
d=3D1705007181/msgId=3D24731/stime=3D1452271853" width=3D"1" height=3D"1"> =
<br>

<!-- |**|end egp html banner|**| -->

=20=20
<!-- |**|begin egp html banner|**| -->

<br>



=20=20=20
=20=20=20=20=20
=20
        <!-- |**|begin egp html banner|**| -->
        <div id=3D"ygrp-vital" style=3D"background-color: #f2f2f2; font-fam=
ily: Verdana; font-size: 10px; margin-bottom: 10px; padding: 10px;">

        <span id=3D"vithd" style=3D"font-weight: bold; color: #333; text-tr=
ansform: uppercase; "><a href=3D"https://groups.yahoo.com/neo/groups/domain=
drivendesign/info;_ylc=3DX3oDMTJlcmlwcGxsBF9TAzk3MzU5NzE0BGdycElkAzgxMTY5Mj=
MEZ3Jwc3BJZAMxNzA1MDA3MTgxBHNlYwN2dGwEc2xrA3ZnaHAEc3RpbWUDMTQ1MjI3MTg1Mw--"=
 style=3D"text-decoration: none;">Visit Your Group</a></span>

     <ul style=3D"list-style-type: none; margin: 0; padding: 0; display: in=
line;">
            <li style=3D"border-right: 1px solid #000; font-weight: 700; di=
splay: inline; padding: 0 5px; margin-left: 0;">
      <span class=3D"cat"><a href=3D"https://groups.yahoo.com/neo/groups/do=
maindrivendesign/members/all;_ylc=3DX3oDMTJmaGlkaGtlBF9TAzk3MzU5NzE0BGdycEl=
kAzgxMTY5MjMEZ3Jwc3BJZAMxNzA1MDA3MTgxBHNlYwN2dGwEc2xrA3ZtYnJzBHN0aW1lAzE0NT=
IyNzE4NTM-" style=3D"text-decoration: none;">New Members</a></span>
      <span class=3D"ct" style=3D"color: #ff7900;">3</span>
    </li>
                                              </ul>
  </div>


<div id=3D"ft" style=3D"font-family: Arial; font-size: 11px; margin-top: 5p=
x; padding: 0 2px 0 0; clear: both;">
  <a href=3D"https://groups.yahoo.com/neo;_ylc=3DX3oDMTJkdWppbGw1BF9TAzk3ND=
c2NTkwBGdycElkAzgxMTY5MjMEZ3Jwc3BJZAMxNzA1MDA3MTgxBHNlYwNmdHIEc2xrA2dmcARzd=
GltZQMxNDUyMjcxODUz" style=3D"float: left;"><img src=3D"http://l.yimg.com/r=
u/static/images/yg/img/email/new_logo/logo-groups-137x15.png" height=3D"15"=
 width=3D"137" alt=3D"Yahoo! Groups" style=3D"border: 0;"/></a>
  <div style=3D"color: #747575; float: right;"> &bull; <a href=3D"https://i=
nfo.yahoo.com/privacy/us/yahoo/groups/details.html" style=3D"text-decoratio=
n: none;">Privacy</a> &bull; <a href=3D"mailto:domaindrivendesign-unsubscri=
[email protected]?subject=3DUnsubscribe" style=3D"text-decoration: none;">=
Unsubscribe</a> &bull; <a href=3D"https://info.yahoo.com/legal/us/yahoo/uto=
s/terms/" style=3D"text-decoration: none;">Terms of Use</a> </div>
</div>

<!-- |**|end egp html banner|**| -->

  </div> <!-- ygrp-msg -->

=20=20=20


  <br>

<!-- |**|end egp html banner|**| -->


<div style=3D"color: white; clear: both;"/>__,_._,___</div>
</body>

</html>

--001a113f3894dc16ab0528d5632a--