DEV Community

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...

Read full post

Tom Holder • Nov 21

Really nice list. I've used quite a few of these, mobx is 🔥 although takes a bit to get your head around! We have an infinite scroll in our new version of Contactzilla but I think the virtualized component might well improve performance.

Bonnie • Mar 20

This is a goldmine.

Thanks for sharing, Anmol

uliyahoo • Mar 20

Agreed!

Anmol Baranwal • Mar 20

Thanks Bonnie & Uli! Appreciate it :)

val von vorn • Mar 21

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.

Anmol Baranwal • Mar 21

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.

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!

Fatemeh Paghar • Mar 21

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.

Jeremiah • Mar 20

Another Anmol banger :)

Anmol Baranwal • Mar 20

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

react-admin • Mar 26 • 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!

Hossein Yazdi • Mar 25

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

Andrew-web-coder • Mar 26

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

Md Shoriful Islam Ashiq • Mar 21

Thanks

Bap • Mar 21

Excellent read Anmol! 👏

Anmol Baranwal • Mar 21

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

Stefan Neidig • Mar 21

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

trongtai37 • Mar 21

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

Ndeye Fatou Diop • Mar 20

Great list ! Never heard about react-flow before 🙏

Anmol Baranwal • Mar 20

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.

Andrew • Mar 20

Cool, looking forward to checking some of these out!

Pieces 🌟 • Mar 20

Such a goldmine! Thanks for sharing, Anmol 🔥

Anmol Baranwal • Mar 20

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

Cwanuk • Mar 21

didn't know node-based UIs exists, thanks

Marios Pittas • Mar 22

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

Gautam Vaishnav • Mar 22

Great Share

steve • Mar 22

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.

RamR • Mar 25

good article. very useful list, thanks

Gunabalan.S • Mar 21

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

Anmol Baranwal • Mar 21

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!

Vasu • Mar 22

thanks for sharing

Ebenezer • Mar 21

Thanks for the information

Muhammad Obaid Ullah Khan • May 1

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

Harjot Singh • Mar 27

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! 🙌🏼

yogini16 • Mar 25

This is awesome !!
Thank you for sharing

María • Apr 3

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?