[Patternfly] PatternFly for Vue?

Mon Nov 14 23:56:18 UTC 2016

Hi Jonathan,

Thanks for reaching out to the PatternFly ML with your question about
VueJs.  I love the enthusiasm you're sharing around this new framework!

To date Patternfly supports jQuery and Angular 1 development through the
patternfly "core" [1] and angular-patternfly [2] projects.  We have had a
number of requests to add support for both Angular 2, and React.  This is
our first request for VueJS support :-)

As you can imagine, scaling out to support each new javascript web
framework with a set of "native" components for that framework is just not
an approach that would scale.  In the above scenario we would go from 2
javascript behaviour implementations for each of our patterns, to 5
implementations - that's a significant increase!

As such we've been looking heavily at pursuing a web component approach for
supporting the next generation of javascript web frameworks.  With a web
component approach we can support many new frameworks with the introduction
of a single new development stream.  We are currently working out a
prototype architecture for such a web component [3] approach, and are
hopefully to have a roadmap to share shortly on how we plan to move forward
with such an approach.

If you would like to investigate web component interop with VueJS
(specifically using the custom elements spec), I would be very interested
to hear your results.  Alternatively, you are more than welcome to build
off the Paternfly CSS with your own javascript behaviour implementations -
I'd also be happy to hear of any progress you make in this regard.

Cheers,
Brian Leathem

[1] https://github.com/patternfly/patternfly
[2] https://github.com/patternfly/angular-patternfly
[3] https://github.com/patternfly-webcomponents

On Mon, Nov 14, 2016 at 7:07 AM, Jonathan Yu <jawnsy at redhat.com> wrote:

>
> On Mon, Nov 14, 2016 at 5:44 AM, Andres Galante <agalante at redhat.com>
> wrote:
>
>> Hey Jonathan,
>>
>> Vue sounds really intresting, yesterday I've read the best tweet about
>> it:
>>
>> https://twitter.com/sarah_edo/status/797574272692748288
>>
>
> I follow Sarah too, and saw that tweet, it's certainly quite the
> endorsement coming from her!
>
>
>> I am not a javascripter, but I wonder how the web components story aligns
>> with Vue.
>>
>
> From what I can tell (I also can't call myself a JavaScript or even a web
> guy), Vue borrowed the syntax from Web Components to form their *.vue
> component files (though it's not mandatory - you can define everything
> using the JavaScript API).  I think they borrow concepts heavily from a
> bunch of other frameworks, which is a really good sign for me: it means
> they're looking around the ecosystem, figuring out what works, and adopting
> it.
>
> So you can author Vue components with the ease with which you author Web
> Components, Polymer, or Angular templates, but everything gets compiled
> down to fast JavaScript (similar to React).  I think the main advantage
> right now is practicality: Web Components are awesome, and I believe
> they're the future of the web, but it'll be some time before the future
> gets here (many folks still use IE8 or IE9, not to mention older mobile
> devices that no longer receive updates).  So Vue lets you write Web
> Component things but in a way that's compatible with any ES5-supporting
> browser (IE9+), and in a way that performs well (the comparison mentions
> that Polymer works on IE9+ using polyfills, but is very slow as a result).
>
>
>> On Sun, Nov 13, 2016 at 3:42 PM, Jonathan Yu <jawnsy at redhat.com> wrote:
>>
>>> Hello PatternFlyers!
>>>
>>> I know, I know - another year, another whiz-bang JavaScript framework
>>> <https://javascript-game.firebaseapp.com/> (no, really, try this game)
>>> - but I've been playing with Vue <https://vuejs.org/> (2.0 was just
>>> released a few months ago
>>> <https://medium.com/the-vue-point/vue-2-0-is-here-ef1f26acf4b8>) and
>>> everything I've read about it seems pretty promising so far.
>>>
>>> Despite being a relatively young project (starting in 2013), its tooling
>>> support seems fairly good, and there's quite an active ecosystem, including
>>> a port of Bootstrap's components called VueStrap
>>> <http://yuche.github.io/vue-strap/>.  The design borrows from various
>>> other initiatives, taking inspiration from Web Components, Polymer, and
>>> React, among others.  If you're not familiar with Vue, their documentation
>>> has a great comparison with other technologies
>>> <https://vuejs.org/v2/guide/comparison.html>.
>>>
>>> In the summer, Dana Gutride asked if Web Components are in the future
>>> for PatternFly
>>> <http://developers.redhat.com/blog/2016/08/09/are-web-components-in-the-future-for-patternfly/>,
>>> and I wanted to start a discussion about Vue.  What would it take to get a
>>> Vue-ified PatternFly?  Would anyone be interested in trying this out with
>>> me, as a little hobby project?  (I've got lots of enthusiasm and some
>>> energy to put into this, but not much web-fu, so I could use a mentor!)
>>>
>>> Bonus content: a bunch of CSS-only components
>>> <https://twitter.com/Real_CSS_Tricks/status/797799175442182144> (what
>>> is this sorcery?!)
>>>
>>> Cheers,
>>>
>>> Jonathan
>>>
>>> --
>>> Jonathan Yu / Software Engineer, OpenShift by Red Hat / Follow me on
>>> Twitter @jawnsy <https://twitter.com/jawnsy>
>>>
>>> *“Restlessness is discontent — and discontent is the first necessity of
>>> progress. Show me a thoroughly satisfied man — and I will show you a
>>> failure.”* — Thomas Edison
>>>
>>> _______________________________________________
>>> Patternfly mailing list
>>> Patternfly at redhat.com
>>> https://www.redhat.com/mailman/listinfo/patternfly
>>>
>>>
>>
>
> _______________________________________________
> Patternfly mailing list
> Patternfly at redhat.com
> https://www.redhat.com/mailman/listinfo/patternfly
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://listman.redhat.com/archives/patternfly/attachments/20161114/ce1726b5/attachment.htm>