DEV Community

loading...
Cover image for Every React Developer should know these libraries

Every React Developer should know these libraries

Akhil
Full-Stack Developer who speaks Javascript and writes Legacy code.
・1 min read

Hey, Devs! I'm here to share some best React component libraries that are popular among developers for their usability and accessibility.

Picking the correct library for an application can be tricky, When it comes to creating modern React applications, these component libraries save us ample time and effort.

So, let’s begin.

React Libraries

1. Forms & Validation

2. State Management

3. Routing & Type Checking

4. Styling

5. UI Components libs

6. API Client

Wrapping Up!

That’s all from my side. Although there are multiple other React libraries that developers find helpful, I have mentioned only best ones.

Let me know if you found this post helpful!
Have any suggestions? Reach out to me on Twitter

Discussion (22)

Collapse
andresausecha profile image
Andres Ausecha Mosquera • Edited

I have been React dev for around 3 years and many of these technologies have not been necessary for me, I suppose there's a lil bit of preference and bias but I understand it. To be honest only some are mandatory and the rest are nice-to-haves, so I would get rid of most items of the list and only choose: Hooks, Typescript, Router, Redux, CSS, Formik and Yup, but I would also add SASS instead of the other preprocessors and libraries for styles.

Collapse
leob profile image
leob

Why would you still go with SASS instead of the other styling approaches (which are probably more popular than SASS, for React projects)? Yeah and none of these technologies are necessary, you'd just pick the ones that make sense on a project by project basis ...

Collapse
andresausecha profile image
Andres Ausecha Mosquera • Edited

Some technologies are actually absolutely necessary, and I would expect to find those that I mentioned in 90% of react projects. Regarding SASS, I consider you don't need styled components to resolve CSS class conflicts, SASS is much lighter and code is easier to maintain.

Thread Thread
leob profile image
leob

What do you mean by "SASS is 'lighter'", you mean in terms of Kb's/bundle size it generates? Regarding "easier to maintain", I think that the Styled Components fans will disagree.

Collapse
undefinedhere profile image
Akhil Author

Well it depends on person to person if someone is comfortable with some libs he must go with that one right and I totally agreed with you only some are mandatory and the rest are nice to have.

Collapse
smccarrick profile image
Stephen McCarrick

What about React query? Thats a gamechanger for handling API calls. react-query.tanstack.com/

Collapse
aantipov profile image
Alexey Antipov

I would put React Query along the state-management libraries, because in many cases it removes the need in any tkdodo.eu/blog/react-query-as-a-st...

Check out the growth speed of it moiva.io/?npm=mobx+react-query+rec...
npm downloads stats for state management libraries

Collapse
erasmuswill profile image
Wilhelm Erasmus

I prefer SWR,

Collapse
leob profile image
leob

Yep was about to comment about that one as well ;)

Collapse
undefinedhere profile image
Akhil Author

Yes, Stephen, you're totally right but I am not much into react-query right now but I'll try it soon and also add it to the blog.

Collapse
hoainam25699 profile image
Hoainam25699

highly recommend react-query

Collapse
undefinedhere profile image
Akhil Author

Yes, it is I will add it to the blog.

Collapse
ayk_shakhbazyan_eccd382d1 profile image
Ayk Shakhbazyan

Highly recommend React Hook Form. Significantly less painful to work with forms using this library.

Collapse
ombratteng profile image
Ole-Martin Bratteng

There's also SWR by Vercel (next.js authors)
swr.vercel.app/ for API client

Collapse
nelsonx73 profile image
Nel

Highly recommend Zustand

Collapse
rajcep profile image
RajceP

This!

Collapse
httpjunkie profile image
Eric Bishard

Yeah, I only use TypeScript, GraphQL and Tailwind. I use none of the others, maybe axios. But you missed an opportunity to tell developers about real utility packages they should know about, these are completely optional and opinionative, there is one package I tell all of my new react students about: react-media-hook

Collapse
linhtch90 profile image
Linh Truong Cong Hong

PrimeReact is also an outstanding UI Component library for React. It is very easy to use, has great documentation and contains a lot of pre-built components, themes.

Collapse
brianbadway profile image
brianbadway(he/his)

Great find as I am beginning to learn React!!

Collapse
chuong9x profile image
chuong9x

Nice

Collapse
yoyos profile image
yoyos

No react-query ??

Collapse
primary profile image
FaithMutuku

Headless UI?