DEV Community

Cover image for Libraries You Should Know When Building with React

Libraries You Should Know When Building with React

Sonay Kara on October 20, 2024

In this article, I will talk about libraries that you can use in your React projects. If you like my articles, you can buy me a coffee :) ...
Collapse
 
hosseinyazdi profile image
Hossein Yazdi • Edited

Helpful post Sonay, though it could have been much better if you've also mentioned their links. Thanks btw for sharing!

To add on, here's another helpful resource for finding great React tools:
30+ Best React Tools

Collapse
 
sonaykara profile image
Sonay Kara

hi Hossein. I will take your suggestion into consideration. I will update this article as soon as possible. Thank you very much.

Collapse
 
kasir-barati profile image
Mohammad Jawad (Kasir) Barati

Also adding some sort of link to a GH repo in which is utilizing the lib to showcase its real world implications would mean a lot more than a run of phrasing content IMO.

Collapse
 
pengeszikra profile image
Peter Vivo

jsdoc-duck ?

Collapse
 
sonaykara profile image
Sonay Kara

I don't have complete information on this subject yet, but I will research it and add it to my article as soon as possible.

Collapse
 
pengeszikra profile image
Peter Vivo • Edited

It is a really minimal state handling to react, can be used JS or TS project well. Just add state and actions type definition to useReducer include dispatch capable mapped actions set.
jsdoc-duck
I wrote a really minimalist lib: 65 LOC.

But after I created this module, I was turning to pure-web direction without any framework. But any one can use, the better way, just copy the index.js to right place to your code ( borrowing instead dependency )

It is work like a Readux, but don't need so much boiler plate, and much more lightweight. Just need to declare your state type and your actions type.

Collapse
 
kasir-barati profile image
Mohammad Jawad (Kasir) Barati

What about nanostores? I think it is fairly good. So I was thinking what this lib has to offer?

Collapse
 
pengeszikra profile image
Peter Vivo • Edited

I think nanostore is give a independent state handling solution. Maybe good maybe bad, but I saw for this use need to learn a brand new concept. These library/framework oroginaly have own state handling technic, for example useState, useReducer in React. My opininon is keep dependency as low as possible. That why if I work with react, I am stay with useReducer. ( jsdoc-duck - just give a type and dispatch help to it. )

If I coding pure html then I try to skipp outer dependency - expect Tailwind, which is fine replacement of CSS.

Collapse
 
chandan_e69c011b258e09242 profile image
Chandan

Very Informative Share,
Thanks for sharing 🙌🏻

Collapse
 
sonaykara profile image
Sonay Kara

You’re welcome

Collapse
 
martygo profile image
Martins Gouveia

Nice list. But, would replace Jest with Vitest.

Vitest is more modern and have clean setup.

Collapse
 
sonaykara profile image
Sonay Kara

thank you for your suggestion. I agree with you, and I will include Vitest in the article .

Collapse
 
mikewarren2014 profile image
MikeWarren2014

MobX ?

Collapse
 
prartha_li_cd87eb78a9c0a0 profile image
Prartha

The learning resources and support community for EchoAPI are fantastic! They’ve helped me solve issues quickly.

Collapse
 
sonaykara profile image
Sonay Kara

:)

Collapse
 
ciaire profile image
Yudho Alfantyo

zustand?

Collapse
 
sonaykara profile image
Sonay Kara

Since I mentioned Redux in the article, I didn’t include Zustand. Thank you for the feedback; I will add it to the article.