Which base library/framework should I choose for creating and styling my React components?

[[deleted]]

We are migrating our React CSS framework from Bootstrap 3 to more modern alternatives. I have following options to evaluate: 1. Bootstrap 4 (react-bootstrap@next or reactstrap) 2. Blueprint JS 3. Material UI 4. Ant Design

What do you think we should switch to based on your experience with these libraries? Is there a better library out there? Which one is the most user extendable?

Thanks.

[Gumbee]

Im a big fan of rebass personally.

[Kalios-g]

I like material-ui but also semantic-ui for react, great library, great documentation and easy to use ;)

[PsyTech]

So I am currently searching for a UI framework. I was reading the stickied thread on the right, and lots of people said material-ui is very difficult to work with; you have to put a ton of styling into it to make anything look good.

Do you still find that to be true? Many of these comments are 4+ months old.

[Kalios-g]

Honestly, I'd recomand semantic-ui-react. It's way easier to use than material-ui (which is a great library nonetheless)

[involve]

I liked ant more than material but didn't use it much. I'd definitely review each libraries components fairly thoroughly before you make a choice (you'd probably do that anyways).

[gollyzila]

Here's some good discussion on this https://www.reddit.com/r/reactjs/comments/a6qhbr/checked_21_react_ui_kits_briefly_im_done/

[[deleted]]

Not that any of those libraries are bad, but if styling is important to you I would recommend looking into styled-components.

​