React libraries to try out

It’s that time, the time to sporadically work on half-baked projects that will never make it out of your localhost let alone to real users. With your new found motivation, here are 3 react libraries to consider for your projects:

Ant Design

Ant Design has to be one of my favorite component libraries. It's definitely opinionated in terms of both style and functionality but that's exactly what makes it so great to work with, you can bust out web apps at a pretty impressive rate as long as you can make the component's default behavior work well.

Notes:

  • Written in typescript (this should be the default.)
  • High quality components work out of the box
  • Components work together quite well with minimal setup
  • Awesome layout system
  • SSR support (if you need it)
  • Can feel a little constrained if you have a niche use-case that isn't directly solved by a component.

Material UI

Material-UI was created by good ole Google in 2014, based on their signature card/paper style, the entire library has a distinct google-y look and feel. Google emphasized Material Design while creating the library to ensure that all users would have the same experience when using a product built with Material-UI. Material-UI & Material Design are arguably more of a design ecosystem as opposed to a set of guidelines.

Notes:

  • Written in typescript (bare minimum i'd expect from Google)
  • Simple components work out of the box
  • Immediately identifiable as Material Design and gives off a google-y feel (good or bad, depends on your use-case)
  • Components are wildly beautiful
  • Complex components will need to built from simpler ones (as opposed to Ant Design where anything you need is pretty much ready).
  • Designers will feel a little constrained.

Blueprint UI

Created by Palantir, Blueprint advertises itself as "optimized for building complex, data-dense web interfaces for desktop applications".If you rely heavily on mobile and mobile first interactions, this probably isn’t for you. This library boasts some rich documentation and a clearly opinionated style of dealing with components.

Notes:

  • Light & Dark theme. (nuff said..)
  • Documentation is absolutely exceptional
  • Solid native icon set
  • Optimized for data dense desktop applications
  • Sucks on mobile although you can make it work
  • Components work out of the box with most use cases covered (unlike material UI where you have to build anything more than the bare minimum yourself)