Hi Kathryn We are glad you're showing interest in React as well. It is a great library we are currently using in the new dashboard and we might extend the use of that. I guess once we get more involved in react patternfly repo mentioned above, we will add more components, and you'll be able to use that, and to look at the dashboard for usage examples. Not sure we'll be able to take a deeper part in the migration. Depends on future plans in the team. Feel free to contact us if you need guidance. Best Regards, Oved Ourfali Associate Manager, Software Engineering RHEV-M Infrastructure and UX Group <div class="gmail_quote">On Jun 5, 2016 4:10 AM, "Kathryn Gough" <<a href="mailto:kgough@redhat.com">kgough@redhat.com</a>> wrote: <blockquote class="quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div>Thank you all for the feedback and links to projects. It's greatly appreciated.</div><div> </div><div>Web Components looks interesting and is something I will need to discuss with the development team. At the moment, as we are moving from Angular to React I can see the benefit in us continuing with this library, as opposed to using Web Components with Polymer (which I only started playing around with a bit this weekend).</div><div> </div><div>I am still interested in web components and can see the benefit developing Patternfly this way for those who are not currently using ReactJs and are looking for a solution. </div><div> </div><div>Greg, I would love to talk further to see if the Zanata and oVirt team can work together to migrate Patternfly to ReactJS. </div><div> </div><div>If anyone else is interested in a ReactJS project, please get in touch and lets see what we all can do.</div><div> </div><div>Kindest regards,</div><div> </div><div>Kathryn</div><div class="gmail_extra"><div class="elided-text"> <div class="gmail_quote">On Sat, Jun 4, 2016 at 3:13 AM, Vojtech Szocs <<a href="mailto:vszocs@redhat.com" target="_blank">vszocs@redhat.com</a>> wrote: <blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Hi Brian and Jeff, to support diversity among PF users, and in turn make PF easier to adopt in different projects, I suggest to simply avoid relying on JS frameworks. Frameworks usually attempt to cover all (or most) aspects of development, reusable components included. Frameworks usually do impose architectural constraints, e.g. Model-View-Controller having impact on how you design your application. PF should be about reusable components with a specific look'n'feel to them, agnostic to how the given application is designed. Instead, I suggest to rely on either web standards only (web components) or if that's problematic, rely on JS support libraries. This way, others are not locked into specific JS framework just because of PF using it for the sole purpose of having reusable components. For example, there's a reason why Bootstrap's interactive components are based on jQuery (library) and not on Angular or similar (framework). The jQuery library has been around since like.. forever, and it's still used. React is a library focused on writing reusable components. It's extremely popular these days and there's a reason to it - it has a very simple API and generally stays agnostic to how you design your app or manage data. It's a building block on top of which other frameworks can be used. I'm a bit sceptical about web components, Google's pushing Polymer quite strongly [1] and Chrome natively supports all web component specs, but the question is if it's worth commiting to that right now. Some PoC that compares web components to say React components would be nice. [1] <a href="https://www.youtube.com/playlist?list=PLNYkxOF6rcIDnSm7bZRJC36Ca1DYXSQ70" rel="noreferrer" target="_blank">https://www.youtube.com/playlist?list=PLNYkxOF6rcIDnSm7bZRJC36Ca1DYXSQ70</a> Please consider that using web components specs alone isn't very viable, since the standards don't cover advanced concepts like data binding etc. Some could say that "Polymer is web component's jQuery". The question becomes whether it isn't just easier to use single, dedicated library designed for the job (like React) vs. using e.g. standards (+ polyfills) + Polymer. Some might say that the line between framework vs. library gets blurry in JS world, and they may be right. The reason why I mentioned this is based on the fact that libraries live much, much longer than frameworks. Regards, Vojtech ----- Original Message ----- > From: "Jeffrey Phillips" <<a href="mailto:jephilli@redhat.com" target="_blank">jephilli@redhat.com</a>> > To: "Brian Leathem" <<a href="mailto:bleathem@redhat.com" target="_blank">bleathem@redhat.com</a>> > Cc: "Vojtech Szocs" <<a href="mailto:vszocs@redhat.com" target="_blank">vszocs@redhat.com</a>>, "patternfly" <<a href="mailto:patternfly@redhat.com" target="_blank">patternfly@redhat.com</a>>, "Alexander Wels" <<a href="mailto:awels@redhat.com" target="_blank">awels@redhat.com</a>>, > "Oved Ourfali" <<a href="mailto:oourfali@redhat.com" target="_blank">oourfali@redhat.com</a>>, "Kathryn Gough" <<a href="mailto:kgough@redhat.com" target="_blank">kgough@redhat.com</a>> > Sent: Friday, June 3, 2016 2:41:55 PM > Subject: Re: [Patternfly] Patternfly SASS and ReactJS support > > <div><div>> I agree with Brian. We should be looking at ways to extend the usage of > Patternfly into multiple frameworks. This would grow the community and > hasten the growth of Patternfly’s features and adoption. Web components > seems like a promising mechanism to enable this with less effort than having > specific repositories for each framework. I would love to see a POC around > this to see just what could be accomplished. > > Jeff > > > On Jun 2, 2016, at 7:08 PM, Brian Leathem <<a href="mailto:bleathem@redhat.com" target="_blank">bleathem@redhat.com</a>> wrote: > > > > I've been thinking a lot about how patternfly can grow to support the > > diversity in product ui implementations and the even larger diversity we > > will see in the community. Patternfly will suffer if we are continually > > chasing the js framework of the day, as providing support for a framework > > is a long term commitment and can not be discarded easily. And yet the > > ever-changing nature of the js framework space means we cannot simply > > choose one framework and ignore the rest. > > > > Fortunately I believe the emerging web component specification [1] can > > provide us with a solution to this dilemma. Many of the current and > > emerging js frameworks are targeting web components with their UI model. > > If we were to target web components with our own reference > > implementation, we would then be able to more easily support a larger > > number of frameworks with smaller effort. We can in effect view web > > components as the lingua franca between ui frameworks. > > > > This idea obviously needs further exploration and a proof of concept, but > > it's a story we should keep in mind as we formulate our js framework > > strategy. > > > > Brian Leathem > > </div></div>> > [1] <a href="http://webcomponents.org" rel="noreferrer" target="_blank">http://webcomponents.org</a> <<a href="http://webcomponents.org/" rel="noreferrer" target="_blank">http://webcomponents.org/</a>> > > On Jun 1, 2016 6:41 PM, "Vojtech Szocs" <<a href="mailto:vszocs@redhat.com" target="_blank">vszocs@redhat.com</a> <div><div>> > <mailto:<a href="mailto:vszocs@redhat.com" target="_blank">vszocs@redhat.com</a>>> wrote: > > Hi everyone, > > > > the react-patternfly project on GitHub [1] was initiated by Jirka Tomasek > > as a way to share common PatternFly components for use with React library. > > > > [1] <a href="https://github.com/jtomasek/react-patternfly" rel="noreferrer" target="_blank">https://github.com/jtomasek/react-patternfly</a> > > <<a href="https://github.com/jtomasek/react-patternfly" rel="noreferrer" target="_blank">https://github.com/jtomasek/react-patternfly</a>> > > > > For now, it only contains data table component originally taken from the > > rdo-director-ui [2], which seems to be now replaced by tripleo-ui [3]. > > > > [2] > > <a href="https://github.com/rdo-management/rdo-director-ui/tree/master/src/js/components/ui/tables" rel="noreferrer" target="_blank">https://github.com/rdo-management/rdo-director-ui/tree/master/src/js/components/ui/tables</a> > > <<a href="https://github.com/rdo-management/rdo-director-ui/tree/master/src/js/components/ui/tables" rel="noreferrer" target="_blank">https://github.com/rdo-management/rdo-director-ui/tree/master/src/js/components/ui/tables</a>> > > [3] > > <a href="https://github.com/openstack/tripleo-ui/tree/master/src/js/components/ui/tables" rel="noreferrer" target="_blank">https://github.com/openstack/tripleo-ui/tree/master/src/js/components/ui/tables</a> > > <<a href="https://github.com/openstack/tripleo-ui/tree/master/src/js/components/ui/tables" rel="noreferrer" target="_blank">https://github.com/openstack/tripleo-ui/tree/master/src/js/components/ui/tables</a>> > > > > We're using React in oVirt (Dashboard). We basically implemented Angular > > directives from angular-patternfly [4], which were needed for our project, > > as React components. > > > > [4] <a href="https://github.com/patternfly/angular-patternfly/" rel="noreferrer" target="_blank">https://github.com/patternfly/angular-patternfly/</a> > > <<a href="https://github.com/patternfly/angular-patternfly/" rel="noreferrer" target="_blank">https://github.com/patternfly/angular-patternfly/</a>> > > > > As soon as we have more time, we'd like to contribute React components > > we've developed in oVirt into react-patternfly. I believe that diversity > > is good for community, React is very popular these days, allowing people > > to share/contribute React/PF components will have positive impact on the > > overall PatternFly adoption. > > > > >From technical standpoint, React is a library and Angular is a framework. > > This means it should be possible to mix both if needed, e.g. an existing > > project using Angular might adopt React for its widgets. There are some > > nice projects to bridge gaps between the two, for example ngReact [5]. > > </div></div>> > [5] <a href="https://github.com/ngReact/ngReact" rel="noreferrer" target="_blank">https://github.com/ngReact/ngReact</a> <<a href="https://github.com/ngReact/ngReact" rel="noreferrer" target="_blank">https://github.com/ngReact/ngReact</a>> > > > > Regards, > > Vojtech > > > > > > ----- Original Message ----- > > > From: "Andres Galante" <<a href="mailto:agalante@redhat.com" target="_blank">agalante@redhat.com</a> <mailto:<a href="mailto:agalante@redhat.com" target="_blank">agalante@redhat.com</a>>> > > > To: "Jeffrey Phillips" <<a href="mailto:jephilli@redhat.com" target="_blank">jephilli@redhat.com</a> <mailto:<a href="mailto:jephilli@redhat.com" target="_blank">jephilli@redhat.com</a>>> > > > Cc: "Greg Sheremeta" <<a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a> <mailto:<a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a>>>, > > > "patternfly" <<a href="mailto:patternfly@redhat.com" target="_blank">patternfly@redhat.com</a> <mailto:<a href="mailto:patternfly@redhat.com" target="_blank">patternfly@redhat.com</a>>>, > > > "Vojtech Szocs" > > > <<a href="mailto:vszocs@redhat.com" target="_blank">vszocs@redhat.com</a> <mailto:<a href="mailto:vszocs@redhat.com" target="_blank">vszocs@redhat.com</a>>>, "Alexander Wels" > > > <<a href="mailto:awels@redhat.com" target="_blank">awels@redhat.com</a> <mailto:<a href="mailto:awels@redhat.com" target="_blank">awels@redhat.com</a>>>, "Kathryn Gough" > > > <<a href="mailto:kgough@redhat.com" target="_blank">kgough@redhat.com</a> <mailto:<a href="mailto:kgough@redhat.com" target="_blank">kgough@redhat.com</a>>>, "Oved Ourfali" > > > <<a href="mailto:oourfali@redhat.com" target="_blank">oourfali@redhat.com</a> <mailto:<a href="mailto:oourfali@redhat.com" target="_blank">oourfali@redhat.com</a>>> > > > Sent: Wednesday, May 25, 2016 1:52:34 AM > > > Subject: Re: [Patternfly] Patternfly SASS and ReactJS support > > > > > > Hi kathryn, here is the supported sass version of patternfly: > > > > > > <a href="https://github.com/patternfly/patternfly-sass" rel="noreferrer" target="_blank">https://github.com/patternfly/patternfly-sass</a> > > > <<a href="https://github.com/patternfly/patternfly-sass" rel="noreferrer" target="_blank">https://github.com/patternfly/patternfly-sass</a>> > > > > > > I agree with Brian, we should think of a way to support different > > > frameworks. How can we do it? > > > > > > Thanks > > > > > > Andres > > > > > > On Tuesday, 24 May 2016, Jeffrey Phillips <<a href="mailto:jephilli@redhat.com" target="_blank">jephilli@redhat.com</a> > > > <mailto:<a href="mailto:jephilli@redhat.com" target="_blank">jephilli@redhat.com</a>>> wrote: > > > > > > > There is also <a href="https://github.com/jtomasek/react-patternfly" rel="noreferrer" target="_blank">https://github.com/jtomasek/react-patternfly</a> > > > > <<a href="https://github.com/jtomasek/react-patternfly" rel="noreferrer" target="_blank">https://github.com/jtomasek/react-patternfly</a>> . > > > > > > > > Jeff > > > > > > > > > > > > On May 24, 2016, at 7:15 PM, Greg Sheremeta <<a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a> > > > > <mailto:<a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a>> > > > > <javascript:_e(%7B%7D,'cvml','<a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a> > > > > <mailto:<a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a>>');>> wrote: > > > > > > > > Also, we have some preliminary work here: [1] [2] > > > > > > > > These are components for a dashboard we've built. Seems like we have a > > > > good starting point for a react-patternfly project. > > > > > > > > Greg > > > > > > > > [1] > > > > <a href="https://gerrit.ovirt.org/gitweb?p=ovirt-engine-dashboard.git;a=tree;f=src/components/patternfly" rel="noreferrer" target="_blank">https://gerrit.ovirt.org/gitweb?p=ovirt-engine-dashboard.git;a=tree;f=src/components/patternfly</a> > > > > <<a href="https://gerrit.ovirt.org/gitweb?p=ovirt-engine-dashboard.git;a=tree;f=src/components/patternfly" rel="noreferrer" target="_blank">https://gerrit.ovirt.org/gitweb?p=ovirt-engine-dashboard.git;a=tree;f=src/components/patternfly</a>> > > > > [2] > > > > <a href="https://gerrit.ovirt.org/gitweb?p=ovirt-engine-dashboard.git;a=tree;f=src/components/bootstrap" rel="noreferrer" target="_blank">https://gerrit.ovirt.org/gitweb?p=ovirt-engine-dashboard.git;a=tree;f=src/components/bootstrap</a> > > > > <<a href="https://gerrit.ovirt.org/gitweb?p=ovirt-engine-dashboard.git;a=tree;f=src/components/bootstrap" rel="noreferrer" target="_blank">https://gerrit.ovirt.org/gitweb?p=ovirt-engine-dashboard.git;a=tree;f=src/components/bootstrap</a>> > > > > > > > > > > > > On Tue, May 24, 2016 at 7:00 PM, Greg Sheremeta <<a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a> > > > > <mailto:<a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a>> > > > > <javascript:_e(%7B%7D,'cvml','<a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a> > > > > <mailto:<a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a>>');>> wrote: > > > > > > > >> Re: React, it's early to say, but we're using both React and > > > >> PatternFly > > > >> in oVirt, and I could see us making a react-patternfly library soon. > > > >> Let's > > > >> keep in touch on that :) > > > >> > > > >> Best wishes, > > > >> Greg > > > >> > > > >> On Tue, May 24, 2016 at 6:25 PM, Kathryn Gough <<a href="mailto:kgough@redhat.com" target="_blank">kgough@redhat.com</a> > > > >> <mailto:<a href="mailto:kgough@redhat.com" target="_blank">kgough@redhat.com</a>> > > > >> <javascript:_e(%7B%7D,'cvml','<a href="mailto:kgough@redhat.com" target="_blank">kgough@redhat.com</a> > > > >> <mailto:<a href="mailto:kgough@redhat.com" target="_blank">kgough@redhat.com</a>>');>> wrote: > > > >> > > > >>> Hello > > > >>> > > > >>> I'm a member of the Zanata translation project with Red Hat and am > > > >>> interested in using the Patternfly framework, particularly the SASS > > > >>> port. > > > >>> > > > >>> > > > >>> Do you officially support SASS? Also, are there any future plans to > > > >>> integrate with ReactJS? > > > >>> > > > >>> Kindest regards, > > > >>> > > > >>> Kathryn > > > >>> > > > >>> -- > > > >>> [image: photo] > > > >>> Kathryn Gough > > > >>> Web Developer > > > >>> G11n (Globalisation) > > > >>> Red Hat, Inc > > > >>> > > > >>> 61 7 3514 7119 // <a href="http://au.redhat.com" rel="noreferrer" target="_blank">au.redhat.com</a> <<a href="http://au.redhat.com/" rel="noreferrer" target="_blank">http://au.redhat.com/</a>> > > > >>> <<a href="http://redhat.com/" rel="noreferrer" target="_blank">http://redhat.com/</a> <<a href="http://redhat.com/" rel="noreferrer" target="_blank">http://redhat.com/</a>>>// > > > >>> <a href="mailto:kgough@redhat.com" target="_blank">kgough@redhat.com</a> <mailto:<a href="mailto:kgough@redhat.com" target="_blank">kgough@redhat.com</a>> > > > >>> <<a href="http://jdavila@redhat.com/" rel="noreferrer" target="_blank">http://jdavila@redhat.com/</a> <<a href="http://jdavila@redhat.com/" rel="noreferrer" target="_blank">http://jdavila@redhat.com/</a>>>// > > > >>> Brisbane, AU > > > >>> > > > >>> > > > >>> > > > >>> _______________________________________________ > > > >>> Patternfly mailing list > > > >>> <a href="mailto:Patternfly@redhat.com" target="_blank">Patternfly@redhat.com</a> <mailto:<a href="mailto:Patternfly@redhat.com" target="_blank">Patternfly@redhat.com</a>> > > > >>> <javascript:_e(%7B%7D,'cvml','<a href="mailto:Patternfly@redhat.com" target="_blank">Patternfly@redhat.com</a> > > > >>> <mailto:<a href="mailto:Patternfly@redhat.com" target="_blank">Patternfly@redhat.com</a>>');> > > > >>> <a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank">https://www.redhat.com/mailman/listinfo/patternfly</a> > > > >>> <<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank">https://www.redhat.com/mailman/listinfo/patternfly</a>> > > > >>> > > > >>> > > > >> > > > >> > > > >> -- > > > >> Greg Sheremeta, MBA > > > >> Red Hat, Inc. > > > >> Sr. Software Engineer > > > >> <a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a> <mailto:<a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a>> > > > >> <javascript:_e(%7B%7D,'cvml','<a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a> > > > >> <mailto:<a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a>>');> > > > >> <a href="tel:919-741-4016" value="+19197414016" target="_blank">919-741-4016</a> <tel:<a href="tel:919-741-4016" value="+19197414016" target="_blank">919-741-4016</a>> > > > >> > > > > > > > > > > > > > > > > -- > > > > Greg Sheremeta, MBA > > > > Red Hat, Inc. > > > > Sr. Software Engineer > > > > <a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a> <mailto:<a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a>> > > > > <javascript:_e(%7B%7D,'cvml','<a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a> > > > > <mailto:<a href="mailto:gshereme@redhat.com" target="_blank">gshereme@redhat.com</a>>');> > > > > <a href="tel:919-741-4016" value="+19197414016" target="_blank">919-741-4016</a> <tel:<a href="tel:919-741-4016" value="+19197414016" target="_blank">919-741-4016</a>> > > > > _______________________________________________ > > > > Patternfly mailing list > > > > <a href="mailto:Patternfly@redhat.com" target="_blank">Patternfly@redhat.com</a> <mailto:<a href="mailto:Patternfly@redhat.com" target="_blank">Patternfly@redhat.com</a>> > > > > <javascript:_e(%7B%7D,'cvml','<a href="mailto:Patternfly@redhat.com" target="_blank">Patternfly@redhat.com</a> > > > > <mailto:<a href="mailto:Patternfly@redhat.com" target="_blank">Patternfly@redhat.com</a>>');> > > > > <a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank">https://www.redhat.com/mailman/listinfo/patternfly</a> > > > > <<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank">https://www.redhat.com/mailman/listinfo/patternfly</a>> > > > > > > > > > > > > > > > > > > > _______________________________________________ > > Patternfly mailing list > > <a href="mailto:Patternfly@redhat.com" target="_blank">Patternfly@redhat.com</a> <mailto:<a href="mailto:Patternfly@redhat.com" target="_blank">Patternfly@redhat.com</a>> > > <a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank">https://www.redhat.com/mailman/listinfo/patternfly</a> <div><div>> > <<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank">https://www.redhat.com/mailman/listinfo/patternfly</a>> > > _______________________________________________ > > Patternfly mailing list > > <a href="mailto:Patternfly@redhat.com" target="_blank">Patternfly@redhat.com</a> > > <a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank">https://www.redhat.com/mailman/listinfo/patternfly</a> > > </div></div></blockquote></div> <div> </div>-- </div><div data-smartmail="gmail_signature"><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><img src="https://s3.amazonaws.com/ucwebapp.wisestamp.com/38c85205-73cc-4851-b6fc-17502262382a/Logo_RH_CMYK_Default.format_png.resize_200x.png" alt="photo" style="border-radius:4px;min-height:38.5439px;max-width:140px;max-height:150px"> Kathryn Gough Web Developer Globalisation Red Hat, Inc 61 7 3514 7119 // <a href="http://au.redhat.com" target="_blank">au.redhat.com</a> // <a href="mailto:kgough@redhat.com" target="_blank">kgough@redhat.com</a> // Brisbane, AU </div></div></div></div></div></div></div></div></div></div></div></div></div></div> </div></div> </blockquote></div>