Hacker News Reader

Comment by TomFrost | Hacker News Reader

Semantic recently adopted my team's React adaptation as their official React port. It's lighter weight, eliminates jQuery, and all components are standard React components that can be extended or dropped in as-is.

https://react.semantic-ui.com/

View on HN

Thanks for your work on porting Semantic UI to React. I've used it in an internal application and it was a breeze to work with.

I've been using your react version with a personal project for a while and it's been really helpful, so thank you for your work.

When I click that link I get a blank page with a spinner saying "loading docs" for several seconds before anything actually loads... and it's just a bunch of static text content.

Why does it take several orders of magnitude too long to load? Makes me very concerned to implement it in any production application of my own.

I might have to try this out, too bad I didn't see this yesterday.

Settled out with trying http://ant.design/ which has actually been pretty nice as well.

Seems most React components libs are material design and I can't stand the look.

Ant looks really good as well!

It has a nicely designed DatePicker [1]. Semantic UI doesn't currently have an official implementation of a Date Picker (although there are unofficial versions on GitHub).

[1] https://ant.design/components/date-picker/

I've been using react semantic ui for the last week and am thinking of switching to ant. Or going a la carte for everything.

Ant is good at making the css importable module by module using webpack. Semantic ui could adopt this approach too.

Have you had mobile problems with Ant? Seems a touch buggy there

I've been looking for a replacement for Bootstrap since it's been alpha for ages and it doesn't look like there is any interest in an official React implementation. So this might be it, I'm going to give it a try :)

Have you used React-bootstrap at all? I've used it in the past and it's not bad. And is relatively well maintained.

https://github.com/react-bootstrap

However, there is the bigger problem that bootstrap feels more and more like a sinking ship.

Yes I did, thanks, I've also checked out: https://reactstrap.github.io They're both building on top of the v4 alpha, which feels like a sinking ship indeed. Though it could all change ofcourse, they are also updating the official themes to v4 so maybe we'll see an official release this year after all. But then again, it might be too late ready...

Why does Bootstrap 4 feel like a sinking ship?

Because v4 has been in alpha since august 2015, and v3 hasn't had significant updates since 2015 either.

Over the years I've gotten an incredible amount of value out of bootstrap and 3 has been great but the uncertainty over 4 and the huge delay has made me start seriously looking at alternatives over the last few months.

Semantic and Foundation are both on my list of things to look at.

The react port is top notch. I'm switching my app to it.

and well documented, thank you for that ! using it right now.

Though it is for a private project. I'm not sure I will use it on a professional job due to the size of the css. I spend a lot of time importing things and I'm never sure how much weight and runtime complexity is being added.

Thank you for the hard work done here! We make extensive use of your library, and love how well maintained and easy to use it is.

Can it be used with project that initiated with `create-react-app`?

Yep! I actually am using it in the sample project for my "Practical Redux" tutorial series: http://blog.isquaredsoftware.com/series/practical-redux/ . Also using it at work.

Reply on news.ycombinator.com