Cookies policy

We use cookies to provide the best site experience

We're planting a tree for every job application! Click here to learn more
JavaScriptWorks

5 UI Libraries to Use With React

28 Feb 2018

2 min read

5 UI Libraries to Use With React
  • Redux
  • JavaScript
  • React

If you’re a developer who – like me – is not a good designer or a CSS pro, you might know how troublesome it can be to put together the design for your React app. You spend a lot of time tinkering with the styles, but in the end, it just doesn’t look quite nice.

This is not only annoying, it’s demotivating … after all, you just want to have a good-looking app that is also responsive to support mobile devices. How hard can it possibly be?

If this sounds familiar to you, I can assure you’re definitely not alone.

Use UI Libraries to Style a React App

Styling a web app is a huge pain for many developers. Maybe that’s why there are so many UI libraries out there in the wild. Here are some examples of libraries for styling React apps for you to try out:

React-Bootstrap

boostrap.png

You might already know the Bootstrap Framework. It helps you to create responsive grid layouts on your website and offers a whole lot of controls like buttons and form elements. React-Bootstrap offers the functionality of Bootstrap through handy-to-use React components.

Semantic UI

semantic.png

Material-UI

material.svg

Rebass

rebass.jpg

Atlaskit

UI-Library-atlaskit.jpg

Get your hands dirty

All of the above-mentioned libraries are a bit different. The best way to find out which library actually suits your needs, or which one you’re the most comfortable with, is to try them out:

  • Find a mini example project (e.g.: Build a static Twitter card component)
  • Open your Code Editor of Choice
  • Build the example project once with each of the above libraries

Spend some time with each of the libraries. You’ll soon see which library you’re the most comfortable with, or which one you like best. If you create the same project with each of them, you can directly compare the differences.

If you’re passionate about Front End development, check out the JavaScript Works job-board here!

Did you like this article?

See other articles by

Related jobs

Title

$undefined - undefined

The company

title

Remote

Title

$undefined - undefined

The company

title

Remote

Title

$undefined - undefined

The company

title

Remote

Title

$undefined - undefined

The company

title

Remote

Related articles

title

title

title

title

CareersCompaniesSitemapFunctional WorksBlockchain WorksJavaScript WorksAI WorksGolang WorksJava WorksPython WorksRemote Works
email iconhello@works-hub.comUK flag

Ground Floor, Verse Building, 18 Brunswick Place, London, N1 6DZ

US flag

108 E 16th Street, New York, NY 10003

Subscribe to our newsletter

Join over 111,000 others and get access to exclusive content, job opportunities and more!

© 2021 WorksHub

Privacy PolicyDeveloped by WorksHub