Live data from Hacker News

Blueprint – A React UI toolkit for the web

blueprintjs.com

41–50 of 214 posts

Re: Blueprint – A React UI toolkit for the web

#42

I wonder why all the UI toolkits always come without some form of layout support. What is Qt without a GridLayout?

What are you talking about? - bootstrap contains a grid layout - semantic-ui contains a grid layout - bulma contains a grid layout - purecss contains a grid layout - tachyon contains a grid layout - skeleton contains a grid layout - milligram contains a grid layout - spectre contains a grid layout and the list goes on.

That's nice but their idea of grid is to hand you a bunch of fixed-sizes CSS you can slap on elements. That has very little to do with the actual layouting a UI toolkit like Qt provides for.

Re: Blueprint – A React UI toolkit for the web

#46
post #35

This looks really nice. However, what I really want for React is a style-agnostic component library that basically extends the regular set of HTML elements, but comes with no "visual" styling (other than really basic styling like the browser's default styling for , and the like). Only styling that is necessary for the component to function should be included. Of course, optional themes would be fine. Also, non-visual…

Styling is still "unsolved" with react IMO.

Inline styles feel wrong, CSS alone isn't encapsulated enough to work with components correctly, CSS modules are TOO encapsulated which makes global styles and themes a royal pain, and adding another layer ala SASS or LESS feels like more of a "patch" vs a real solution.

And none of them really solve style inheritance in any way that I'd call elegant.

I end up using SASS and overriding default styles with weird hacks like using `.button.button.button` or (even worse) using `!important`, but it still feels wrong and doesn't scale very well at all.

Re: Blueprint – A React UI toolkit for the web

#48

I wonder why all the UI toolkits always come without some form of layout support. What is Qt without a GridLayout?

What are you talking about? - bootstrap contains a grid layout - semantic-ui contains a grid layout - bulma contains a grid layout - purecss contains a grid layout - tachyon contains a grid layout - skeleton contains a grid layout - milligram contains a grid layout - spectre contains a grid layout and the list goes on.

I don't think you understand what is a grid layout as defined in QT,GTK+,WPF ... we're not talking about CSS grids with CSS box model.

Re: Blueprint – A React UI toolkit for the web

#49

I wonder why all the UI toolkits always come without some form of layout support. What is Qt without a GridLayout?

I see your point. Having the mobile layout Grid thing is quite handy. There is another toolkit for React I've been using for an admin backend that has proven useful, not quite as polished but has more of a complete toolkit for what I need. npm rebass, relfexbox, react-geomicons was on Hacker News as well -> http://jxnblk.com/rebass/
Post reply on HN