DEV Community

Cover image for Bumbag - an accessible & themeable React UI Kit
Emma Goto πŸ™
Emma Goto πŸ™

Posted on

Bumbag - an accessible & themeable React UI Kit

Jake Moxey has recently announced the release of his library Bumbag, which lets you quickly build out your React app using over 70 accessible and themeable components.

If you're looking for an example of the library in action, it's currently being used on a website to track COVID-19 restrictions in Melbourne.


Do you use (or have you ever used) a React component library? I'm interested to hear how you think this one stacks up against other similar libraries out there.

Top comments (5)

Collapse
 
hemant profile image
Hemant Joshi

I have tried a lot of UI Library's and some of them are
Chakra Ui
Material Ui
Sematic Ui
React Bootstrap
And a lot other...

But one I loved is Chakra UI, Material Ui and React Bootstrap....

And now I am.looking to use BumBag☺️, this would be a great one...

Also I have a question for you Emma!

If I use React Bootstrap, materialUi and chakra Ui in same application and deploy the build of the app, does that affect performance?

If that affects the performance what would you level it?
Just rate bettwen 1-10, larger the value more sevearly it affects.

And does it affcets the SEO?

Thanks...

Collapse
 
emma profile image
Emma Goto πŸ™

I think the benefit of a component library is that you get consistent UI across your entire application. If you mix and match different UI libraries, you might end up in a scenario where certain components will look out of place. If the padding, the thickness of borders, the size of fonts are all slightly different across your components, the design of your app overall won't look as coherent.

In terms of SEO, there should be no impact (that I know of!) For performance, you might have to worry about the size of your app getting larger as you use more libraries, which means the page load for your users will take longer, but it's hard to say whether there would be a noticeable or significant difference on a smaller app. I'd recommend checking out Lighthouse to see the app's performance.

Collapse
 
hemant profile image
Hemant Joshi

Thanks..

And will have to really worry about the design point you pinned, I never thought in the way of CSS the issue created by importing ui with different paddings and css props😳...

Finally I got a clear answer, I have been asking the same question across mediums but no one mentioned the dis adv with Design ie. Css, which made me use multiple UI, but now I decided to quit the bad practice πŸ€’...

Collapse
 
shriji profile image
Shriji

Great work!

Collapse
 
hkly profile image
hkly

I'm just here to say that Bumbag is a great name :D