DEV Community

Cover image for 17 Libraries You Should Know if You Build with React

17 Libraries You Should Know if You Build with React

Anmol Baranwal on March 20, 2024

TL;DR I have gathered React libraries you should know about to build many different types of projects and become a react wizπŸ§™β€β™‚οΈ. Each...
Collapse
 
the_greatbonnie profile image
Bonnie

This is a goldmine.

Thanks for sharing, Anmol

Collapse
 
uliyahoo profile image
uliyahoo

Agreed!

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Thanks Bonnie & Uli! Appreciate it :)

Collapse
 
valvonvorn profile image
val von vorn

ItΕ› a good and a bad thing that React needs so many additional libraries. Even 17 additional third party dependencies can be too much and 1 can be enough to introduce a single point of failure beyond your control.

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

I think it's a matter of perspective not to reinvent the wheel unless you're building something ten times better with the same concept.

For instance, you must be aware of NextAuth, and even well-trusted packages have external dependencies. We are just part of one big ecosystem, and having external dependencies is a privilege as far as I believe.

next auth

You must be aware that even if a problem arises, developers would rush to help in solving that issue as soon as possible. It has happened countless times!

Collapse
 
fpaghar profile image
Fatemeh Paghar

I recommend React Flowbite to developers looking to streamline their UI development process and deliver exceptional user experiences effortlessly.

React Flowbite seamlessly combines React's power with Flowbite CSS's sleek design elements, offering a range of reusable components for stunning interfaces. It's a time-saving solution for developers, allowing them to focus on functionality while effortlessly creating visually appealing web applications.

Collapse
 
jeremiah_the_dev_man profile image
Jeremiah

Another Anmol banger :)

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Haha! Loved the word "banger" :D
Thanks!

Collapse
 
reactadmin profile image
react-admin • Edited

Thank you for this insightful post! I wanted to add another fantastic open-source React framework to the mix: React-admin. With 24k+ stars on GitHub, React-admin is the go-to solution for building powerful single-page applications, whether it's ERPs, Admin panels, or B2B apps.

If you're looking to take your React projects to the next level, React-admin is definitely worth exploring!

Collapse
 
hosseinyazdi profile image
Hossein Yazdi

This is from another world. I haven't seen any React library selections as comprehensive as this. Thanks for sharing.

For anyone who wants to explore further, here's also a helpful collection for React resources: webcurate.co/c/react

Collapse
 
andrewwebcoder profile image
Andrew-web-coder

I recommend zustand for state management and Fancybox from Fancyapps for displaying media

Collapse
 
mdsiaofficial profile image
Md Shoriful Islam

Thanks

Collapse
 
fernandezbaptiste profile image
Bap

Excellent read Anmol! πŸ‘

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Thanks for reading Bap :)
I feel good that you found this good enough.

Collapse
 
dasheck0 profile image
Stefan Neidig

Actually a really good list of tools. I am often sceptical of such compilations, but I really did enjoy this one. Thanks for sharing

Collapse
 
trongtai37 profile image
trongtai37

I think we should not put Cypress to the list, it's framework agnostic.

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Great list ! Never heard about react-flow before πŸ™

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Yep, React Flow is an awesome library that many people aren't aware of.
Even I was shocked when I first learned about React flow & it's plugins.
A fun fact that I noticed is that Supabase is one of the sponsors of React Flow.

Collapse
 
andrew0123 profile image
Andrew

Cool, looking forward to checking some of these out!

Collapse
 
get_pieces profile image
Pieces 🌟

Such a goldmine! Thanks for sharing, Anmol πŸ”₯

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Thanks! I'm thrilled you found this valuable :D

Collapse
 
chojay profile image
Cwanuk

didn't know node-based UIs exists, thanks

Collapse
 
mpittas profile image
Marios Pittas

Some of these libraries are new to me and seem very useful! Thanks for the article. Will save for later.

Collapse
 
gautamvaishnav profile image
Gautam Vaishnav

Great Share

Collapse
 
inspiraller profile image
steve

Nice choice. I think though that the first most important library is bundlesize. Firsr check your library is not going to make your app too big and slow to load.

Collapse
 
raguram90 profile image
RamR

good article. very useful list, thanks

Collapse
 
gunabalans profile image
Gunabalan.S

Impressive list; I'm only using react-i18next. Others like refine, tremor, and react-virtualized intrigue me for potential future projects.

Collapse
 
anmolbaranwal profile image
Anmol Baranwal

Yes, a lot of developers use react-i18next since it has a very excellent use case. Other options like React flow, refine & tremor are good options depending upon the case.
But we are developers and we love playing with cool concepts :D

Best of luck for future projects!

Collapse
 
vasupola profile image
Vasu

thanks for sharing

Collapse
 
ebenezerejeh profile image
Ebenezer

Thanks for the information

Collapse
 
oba1dkhan profile image
Muhammad Obaid Ullah Khan

This much react information is overwhelming and satisfying at the same time πŸ˜‚
Anyways, such a great blog...FOLLOWED!

Collapse
 
harjjotsinghh profile image
Harjot Singh

When I first read the title, I thought that I would know most of them, but damn, I barely knew any of them πŸ˜…
Anyways, great work! πŸ™ŒπŸΌ

Collapse
 
yogini16 profile image
yogini16

This is awesome !!
Thank you for sharing

Collapse
 
tormenteds0ul profile image
MarΓ­a

Didn't see it mentioned, but github.com/react-ga/react-ga is archived. I am not a senior front-end developer as I do prefer to work with the backend, but I see some downsides from using an archived repository. Any bugs reported won't be fixed unless you do it yourself, nor any new features included. What do others think about that?

Collapse
 
khuongduybui profile image
Duy K. Bui

Cloudscape.design for UI is a promising choice

Collapse
 
lassazvegaz profile image
LassazVegaz

thanks

Collapse
 
suraj__ profile image
Suraj

πŸ”₯

Collapse
 
debabratasaha570 profile image
Debabrata Saha

Thanks.

Collapse
 
jahmal6374 profile image
jahmal
Collapse
 
james0123 profile image
James

Okay