Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Element – A Vue 2.0-based component library for developers, designers and PMs

element.eleme.io

Post reply on HN
Print view View original

111–120 of 149 posts

Re: Element – A Vue 2.0-based component library for developers, designers and PMs

#111

Post by tracker1 »

hbosch wrote: post #90
netforay wrote: post #36

I have actually tried to use this to build an enterprise application. Here is what we found. * Most of the components they provide are very basic and does not actually require them to provide it. Couple of lines of wrapper on any CSS framework like bootstrap can make half of those components. * Most of the advanced components like DataGrid, DropDown Menus, etc are aither not available or buggy. You will get better su…

Was surprised on mobile that the InputNumber field doesn't spawn a dialer pad (tapping it brings up the alpha keyboard). There are some elements here, for sure, that just seem to be minimally skinned and not fully thought out. Bummer, because I have a lot of work based around enterprise design systems and I love seeing fresh takes on these types of components... not much depth in this library, unfortunately.

The date/time input was particularly disappointing... the time being absolutely hideous even on the desktop. These days I consider material-ui.com (react components) to be one of the best component libraries I've seen. Short of that, I'd just assume use something like Bootstrap for the (s)css and control most of it myself, which is easy enough.

In fact, I'm half surprised they didn't just do a nice set of components meant to be used with Bootstrap, considering the style choices are very close.

Re: Element – A Vue 2.0-based component library for developers, designers and PMs

#112

Post by Kiro »

usaphp wrote: post #94

Since I started using rem for font sizes I just can't go back to px, I find rem so much better for responsive websites and would recommend it to anyone who did not try it yet.

What's the benefit? I don't like having to calculate how big things will be (by converting base font + rem to px) while with px I know immediately.

Re: Element – A Vue 2.0-based component library for developers, designers and PMs

#113

Post by tracker1 »

naiv wrote: post #99
patleeman wrote: post #68

For anyone looking for a lightweight responsive library, Bulma http://bulma.io/ is a great option. It pairs with Vue quite well since it's a CSS only library. Note: I'm not affiliated with them, just using them on my latest project.

It's looking good, one thing that bothered me as it's css only is that form elements like checkboxes and radio buttons need to be styled separately ( https://github.com/jgthms/bulma/issues/44 )

If more component libraries went with the following structure...

    
      
      Label Text
It's easy enough to target the input/span as children of label for custom styling, without having to use JS or some weird wrangling of classes and structure.

Re: Element – A Vue 2.0-based component library for developers, designers and PMs

#114

Post by royal_ts »

netforay wrote: post #36

I have actually tried to use this to build an enterprise application. Here is what we found. * Most of the components they provide are very basic and does not actually require them to provide it. Couple of lines of wrapper on any CSS framework like bootstrap can make half of those components. * Most of the advanced components like DataGrid, DropDown Menus, etc are aither not available or buggy. You will get better su…

What is a DataGrid? A Table? I seriously don't know that

Re: Element – A Vue 2.0-based component library for developers, designers and PMs

#115

Post by tracker1 »

aczerepinski wrote: post #53
lima wrote: post #2

Question for HN: I'm a systems developer and want to play a bit with frontend development (writing frontends for custom tools I built). What framework + feature-complete component library is recommended in 2017? React? Vue? Polymer? Plain JS with intercooler.js? I feel a bit overwhelmed.

React. If you're new to the front end, it makes sense to choose the most popular tool that has way more documentation, blog posts, stack overflow answers, etc than anything else.

Well, in terms of your most popular, Angular 1.x is still slightly ahead... I happen to prefer React + Redux + material-ui.com's components. But that's not the only option. I can see why polymer/web-components may be appealing to some... I don't really get peoples desire to use any version of Angular for new projects though, I just don't care for it.

I don't know vue well enough to comment, but a lot of people seem to like it.

Re: Element – A Vue 2.0-based component library for developers, designers and PMs

#116

Post by tracker1 »

thirdsun wrote: post #39
jdhendrickson wrote: post #18

Earlier quoted context omitted.

Could you expound on what you mean? How is it easy to outgrow Bootstrap?

I'm not OP and I made the experience with Zurb's Foundation but the problem isn't specific to the framework. In my opinion you'll run into issues with these kitchen sink frameworks once you try to do something custom - customizing elements and components feels like fighting the framework at a certain point and once you realize that it's hard to get out. I don't recommend using Bootstrap or any other framework unless…

I find that using the SCSS/Less source for bootstrap is less fighting... the layout/structure is pretty easy to use internally, for the most part, everything I need for creating additional controls starts from variables and utilities.

Re: Element – A Vue 2.0-based component library for developers, designers and PMs

#117

Post by progx »

azurelogic wrote: post #71

I tried using Element on my current project and, like other commenters, found it to lack enough responsive utilities to make it useful. Then I stumbled upon Quasar ( http://quasar-framework.org/ ). It's responsive, supports Cordova and Electron, and it looks good. I rarely switch frameworks mid-project, but this was well worth the effort.

Will try it too.

Re: Element – A Vue 2.0-based component library for developers, designers and PMs

#118

Post by usaphp »

Kiro wrote: post #112
usaphp wrote: post #94

Since I started using rem for font sizes I just can't go back to px, I find rem so much better for responsive websites and would recommend it to anyone who did not try it yet.

What's the benefit? I don't like having to calculate how big things will be (by converting base font + rem to px) while with px I know immediately.

You don't have to calculate anything, 1 rem is 16px by default, but you can set html font size to 62.5% and it will be 10px, so if you need something to be 20px (if you are used to px sizes) - you can just set it to 2rem and it will render as 20px. It's not a matter of calculation but just a matter of getting used to how big is 1 rem.

The biggest benefit is that you can target specific screen sizes with different html font-size values using @media queries, so for example for bigger displays you can set html font-size to 120% and it will result in automatic increase of size of all the elements where font-size or paddings etc are set with rem. Same goes for mobile devices, for examples all the headers will go from being 40px font-size to say 25px, just by changing an html tag font-size value, you don't have to target any elements individually, it will be automatic.

For me it was one of the best discoveries to increase productivity, when building responsive designs.

Re: Element – A Vue 2.0-based component library for developers, designers and PMs

#119

Post by Touche »

tdumitrescu wrote: post #103
Touche wrote: post #63

Earlier quoted context omitted.

I mean, custom elements just shipped in Chrome a few months ago and are shipping in Safari soon. Firefox is in active development. So a bit too soon to say a technology's time has passed when it hasn't really had a chance up until this point.

Chrome has had Custom Elements since v33, almost 3 years ago. Maybe you're thinking of the latest (v1) iteration of the spec? http://caniuse.com/#feat=custom-elements

Yep, v0 doesn't count, it's a legacy Chrome-only feature for now.

Re: Element – A Vue 2.0-based component library for developers, designers and PMs

#120

Post by Frizi »

progx wrote: post #40
netforay wrote: post #36

I have actually tried to use this to build an enterprise application. Here is what we found. * Most of the components they provide are very basic and does not actually require them to provide it. Couple of lines of wrapper on any CSS framework like bootstrap can make half of those components. * Most of the advanced components like DataGrid, DropDown Menus, etc are aither not available or buggy. You will get better su…

Did you use any library for example form validation, or did you do that on you own?

You should check out Vuelidate. It tries to avoid any extra fluff.

Disclaimer: I'm one of the authors

Post reply on HN