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
 
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
 
Sloan, the sloth mascot
Comment deleted
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
 
chandan_e69c011b258e09242 profile image
Chandan •

Very Informative Share,
Thanks for sharing 🙌🏻

Collapse
 
sonaykara profile image
Sonay Kara •

You’re welcome

Collapse
 
nyangweso profile image
Rodgers Nyangweso •

great post. kudos

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
 
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
 
mikewarren2014 profile image
MikeWarren2014 •

MobX ?

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.