Show HN: Smooth UI, a React UI Library for Humans

Re:Show HN: Smooth UI, a React UI Library for Humans by tekkk on Monday May 28, 2018 @01:00PM (#17173450)

So what is this, Bootstrap-remake? Sorry to sound so snarky but I myself have found it a lot easier to just make your own components and not depend on some random 3rd party library. Makes it a lot easier to customize and you might learn a thing or two. Sure it's not so easy to create them but once you learn how it pays off.

Okay now that I browsed through a little bit of the API it's all right, you don't have to invent everything by yourself if you use this. But I'm still adamant that you'd be better off to maybe rather copy the components to your source than use it as a dependency. Also there's no TypeScript support? After a lot of reluctance I've recently come to appreciate how nice TS makes your life when you avoid most of the silly bugs. Yes, sounds funny for most of people who haven't used dynamic languages but well... live and learn I guess.

[ Parent | on HN ]

Re:Show HN: Smooth UI, a React UI Library for Humans by neoziro on Monday May 28, 2018 @02:25PM (#17173941)

In fact, components like Radios and Checkboxes are very complex to create. So we use Smooth UI as a base, but it is intentionally very light (no big components).

About TypeScript, I am sorry, I am not a TypeScript user. TypeScript support would be awesome but I need some help on this!

[ Parent | on HN ]

Re:Show HN: Smooth UI, a React UI Library for Humans by tzahola on Monday May 28, 2018 @02:55PM (#17174091)

Radio buttons and checkboxes are complex to create? What? Am I missing something here?

[ Parent | on HN ]

Re:Show HN: Smooth UI, a React UI Library for Humans by batteryhorse on Tuesday May 29, 2018 @12:10AM (#17176429)

They're easy to create with HTML, but complex to create with React. This makes it easy again.

[ Parent | on HN ]

Re:Show HN: Smooth UI, a React UI Library for Humans by kowdermeister on Monday May 28, 2018 @04:19PM (#17174598)

> Radios and Checkboxes are very complex to create

where's that complexity?

It's like a few lines of CSS and folks in our coding bootcamp can do it after watching a YT video.

[ Parent | on HN ]

Re:Show HN: Smooth UI, a React UI Library for Humans by nullbyte on Monday May 28, 2018 @05:29PM (#17174954)

I think he means making the checkbox components reactive and extendable in React.js.

That's not an easy thing to do.

[ Parent | on HN ]

Re:Show HN: Smooth UI, a React UI Library for Humans by kowdermeister on Monday May 28, 2018 @05:46PM (#17175055)

Not sure why not. And what would you want to extend on a checkbox? It's a boolean switch.

[ Parent | on HN ]

Re:Show HN: Smooth UI, a React UI Library for Humans by batteryhorse on Tuesday May 29, 2018 @12:22AM (#17176480)

At times I have wanted a tri-state checkbox, as well as a quantum checkbox. To each his own I guess.

[ Parent | on HN ]

Re:Show HN: Smooth UI, a React UI Library for Humans by kowdermeister on Tuesday May 29, 2018 @06:57AM (#17177984)

set it to display:none and toggle state on mousemove => Schrödinger's checkbox :)

[ Parent | on HN ]

Re:Show HN: Smooth UI, a React UI Library for Humans by nullbyte on Tuesday May 29, 2018 @02:01PM (#17181523)

Extendable for CSS purposes.

[ Parent | on HN ]

Re:Show HN: Smooth UI, a React UI Library for Humans by bloomca on Monday May 28, 2018 @02:06PM (#17173839)

> I myself have found it a lot easier to just make your own components and not depend on some random 3rd party library

This. Unless you make a very generic project (and if you use React for that, probably you are doing something wrong), you bump into limitations of any CSS-framework sooner or later (later is especially painful, since it is impossible to fix without ugly workarounds).

[ Parent | on HN ]