DEV Community

Cover image for React Libraries To Use In 2024: 17 Top Picks

React Libraries To Use In 2024: 17 Top Picks

Yash Tiwari on June 13, 2021

React is a JavaScript library that lets you create a prime UI for both mobile and web applications. It integrates seamlessly with other JavaScript ...
Collapse
 
rom858 profile image
Rom858 • Edited

I prefer react-query than swr

Collapse
 
ahamedr profile image
Ahamed

swr would win if you are working with NextJS

Collapse
 
brielov profile image
Gabriel Vaquer

react-query is around 50kb and swr is around 15kb. Both do the same thing, do the math.

Thread Thread
 
rom858 profile image
Rom858
Collapse
 
erasmuswill profile image
Wilhelm Erasmus

They seem to be birds of the same flock

Collapse
 
aantipov profile image
Alexey Antipov

React has already a huge number of component libraries and the number keeps growing. New projects kick-in and others become legacy.

I didn't know about existence of FluenUI and Grommet. Thanks for the info!

For those, like me, having hard time evaluating and choosing the right library, I created a project Moiva.io

You can quickly compare all the React component libraries from this article at a glance: moiva.io/?npm=@chakra-ui/react+@fl...

Collapse
 
iorlas profile image
Denis Tomilin

Wow, what a mess of picks. Feels like the author has no ties to the real world making React applications.

First, Semantic UI is basically dead. The react library is somewhat alive only thanks to the legacy projects updates. The core library behind it is dead. There is a fork of the core Semantic UI library, but IIRC it is set up to be dead as well.

Second, there are a lot of UI libraries and this is not the TOP, for sure. Material UI is being used quite often, bootstrap is no longer that popular in SPA department.

Next, Zustend, Rebass.. not even "popular", at all. Again, no real top libraries are here: emotion js, react-helmet...

Collapse
 
eriickson profile image
Erickson Manuel Holguín

Fluent UI 👎

Collapse
 
virtualvivek profile image
Vivek Verma

I have an alternate to this
Check this out
github.com/virtualvivek/react-wind...

Collapse
 
jerevick83 profile image
jerevick83

Thanks for this great article. Frontend seems to have too many to deal with.

I'm new to react coming from express. Where can I learn react-query?

Collapse
 
yashtiwari1k profile image
Yash Tiwari

If you want I can write a dedicated article on that. Till then my advice would be to go for YouTube. You will learn react query much faster that way.

Collapse
 
jerevick83 profile image
jerevick83

Thanks for the referral.

Honestly, I prefer to see a better option to Redux

Thread Thread
 
yashtiwari1k profile image
Yash Tiwari

You can use MobX instead of Redux.

Collapse
 
merichard123 profile image
Richard

The Net Ninja has a series on YouTube on it.

Collapse
 
frontendor profile image
Frontendor Team • Edited

I'm building something that will help you create beautiful interfaces for your web apps, SaaS, or admin dashboards quickly just by copy-paste.

It’s for React and non-react developers, and for freelancers, hackers, and entrepreneurs.

If you are interested to take a look : frontendor.com/webappui

Collapse
 
aviatorscode2 profile image
Victor Yakubu

Chakra UI all the way

Collapse
 
besmaili profile image
besmaili

Chakra UI and Grommet are best UI libraries for react.

Collapse
 
anicetr profile image
KoothFR

You'll have to read the doc 🙂

Collapse
 
erasmuswill profile image
Wilhelm Erasmus

I also came here to support SWR. The libraries look very similar

Thread Thread
 
anicetr profile image
KoothFR

Haha, yes ! Sorry, I actually tried to reply to the next comment from jerevick83... I guess morning coffee is not a great moment to reply on dev.to !

Collapse
 
joshternyak profile image
Josh Ternyak

Wow, great post! My favorite React library to use is Ant Design. I actually used ant.design to build a site I just launched: bitcoinforecast.io

Collapse
 
yashtiwari1k profile image
Yash Tiwari

That's awesome man!

Collapse
 
janclover32 profile image
justanothercodelover

I missed Valtio. Simple new global state management?

Collapse
 
hegade profile image
s hegade

React query

Collapse
 
devsrv profile image
Sourav Rakshit

what about Recoil recoiljs.org/
very few is talking about this library but I find this extremely simple & useful, might wanna checkout ✌

Collapse
 
yaroslavfrolov profile image
Yaroslav • Edited

11 in 2021 Redux needs to be changed to MobX..)

Collapse
 
yashtiwari1k profile image
Yash Tiwari

Thanks for the heads up!

Collapse
 
vedovelli profile image
Fábio Vedovelli

It is worth mentioning that Immer (github.com/immerjs/immer) is the ideal companion for Zustand!

Thanks for the article

Collapse
 
yashtiwari1k profile image
Yash Tiwari

Ofcourse! Thanks buddy

Collapse
 
yogeshraj profile image
Yogesh Raj Kabilan

styled-components can also be considered

styled-components.com/

Collapse
 
yashtiwari1k profile image
Yash Tiwari

Updating the article with some most used libraries.

Collapse
 
brujua profile image
Bruno Crisafulli

Never mix material-ui with react-hook-form. It will only give you headaches

Collapse
 
yashtiwari1k profile image
Yash Tiwari

Thanks for the heads up buddy!

Collapse
 
dmk1111 profile image
dmk1111

React Bootstrap: This means that unneeded libraries such as jQuery are no longer present.

Have you tried Bootstrap v5? They dropped jQuery support

Collapse
 
yashtiwari1k profile image
Yash Tiwari

Haven't tried yet. Will definately check it out.

Collapse
 
techguy profile image
Arun

Syncfusion library missing here syncfusion.com/react-ui-components

Collapse
 
yashtiwari1k profile image
Yash Tiwari

Thanks for the info buddy!

Collapse
 
jeremiahcanlas profile image
Jeremiah C

Thank you! Will definitely implement some of these in my upcoming projects!

Collapse
 
yashtiwari1k profile image
Yash Tiwari

Your Most Welcome :)

Collapse
 
rom858 profile image
Rom858

when I start with zustand and react-query I'm stop using redux

Collapse
 
yashtiwari1k profile image
Yash Tiwari

It is what it is!

Collapse
 
core_ui profile image
CoreUI

worth to try for free coreui.io/react/ui-components/

Collapse
 
yashtiwari1k profile image
Yash Tiwari

Thanks for the info man! I will make sure to update the article.

Collapse
 
vishalraj82 profile image
Vishal Raj

Good collection

Collapse
 
yashtiwari1k profile image
Yash Tiwari

Thank You :)

Collapse
 
kosovych profile image
Yaroslav Kosovych

Redux and Semantic in 2021. LMAO

Collapse
 
yashtiwari1k profile image
Yash Tiwari

Thanks for the reply man! I will make sure I check it out :)