Top 5 React Frameworks / UI Component Libraries for 2019
24 May 2019
If you want to view this article in a short 8 minutes video presented by our designer here's the link:
Why a framework?
Let's address to the elephant in the room because if you landed here you probably have also considered writing the front end of an application all by yourself (or considered hiring a front end developer doing that for you). We all have that insecureness towards someone else's work, maybe it's not written in the same style as you want, maybe it doesn't compete with your level of quality but the truth is, your users don't care. From a business perspective as soon as you have a working application (or prototype) it's fine. Don't obsess with front end. Outsource work from people who are really good at what they are doing. That's why our products focus on creating the best experiences in the front end world. So why a framework? Because the only metric you need to worry about is time.
So here is a biased list of 5 React Frameworks to build the front-end of your application.
We decided to go with this framework as our first product just because of it's popularity and the volume of ready-to-use components. We also wanted to test out the potential in terms of how open people are on using a framework and we were really satisfied with the result. The components are really well written and super easy to add, here's an example:
This frameworks is engineered for metrics, data, tables. There's nothing more powerful than Blueprint at the moment. So if you are building a metrics website like a finance, trading, cryptocurrency applications this is your comrade.
If you couldn't tell this website's front end is written in Evergreen! Personally I think it's one of the best looking frameworks at the moment (24th May 2019), but unfortunately it's not the most popular because of the volume of components (27 components compared to 40+ from Material UI's)
But it's still solid choice for applications and apps that should look nice, emphasises on should.
Here's an example of a table from Evergreen from a personal project:
Best in terms of aesthetics
Easy implementation (junior front end developer could easily work with it) & great documentation
Not great for scalable applications (kinda of few components)
This is actually one of (if not, THE) favourite from the entire list. It has almost 46k stars on GitHub which makes it one of the popular and most backed-up and supported framework for react. The entire Alibaba front end uses this frameworks if I'm not mistaken, so you can guess how BIG it is.
This should play the role of good old bootstrap but in a node environment. Looks just like the bootstrap you are used to, nothing fancy, easy to use. Just like a Toyota, you don't expect much but it works and it is reliable. The downside of this is that your application could be confused with the other 13 tabs of websites users have opened.
Easiest framework to implement (if you know bootstrap)
Poor aesthetics (I can be subjective)
Reliable & great support from the community
So what's your favourite framework? Let us know in the comments section :) (coming soon)
Join our Newsletter
Get access to subscriber exclusive deals and be the first to know when we launch something new!