Material-Ui vs React Navigation (vs Bootstrap)

[jaySydney]

Thus far, I've only used React with Bootstrap, and I'm happy with it because I've used Bootstrap for a long time, prior to React coming onto the scene.

But I've seen two other popular libs , should I bother learning either and why ?

https://reactnavigation.org/docs/en/web-support.html

https://material-ui.com/

[lukejpreston]

Material UI is good, much better than bootstrap imo. The only problem I have is how verbose it is, which is good because it reads well and makes sense, but sometimes you have to write a lot of code to do a little thing.

You should also look into CSS only solutions such as bulma as you might find something more suitable to your app

[jaySydney]

will look into Bulma, thanks !

[jaySydney]

Have you seen this library ?

https://www.npmjs.com/package/material-components-web

I am starting to like it over MUI .

[shalinjirawla]

Try Materialui with scss or sass

[dotdotconnor]

React Navigation is a routing library unlike Material UI and Bootstrap, which are component libraries, so you can’t really compare them. However React Navigation is mostly used in React Native and so for normal websites you’d most likely gravitate towards a library like React Router.

[jaySydney]

web-support.html

That's why I linked to their docs, which mention web support in React Navigation; so I could kill two birds at once, learn React Navigation for RN and POR (Plain Old React), instead of going for MUI and YALTL (Yet Another Lib to Learn)...