DEV Community

Cover image for 5 Small and Hidden React libraries You Should Already Be Using

5 Small and Hidden React libraries You Should Already Be Using

Al - Naucode on December 04, 2022

If you, like me, love finding small gems in the NPM directory to improve your development process, today is your lucky day. I am starting a new se...
Collapse
 
husseinkizz profile image
Hussein Kizz

Thanks for sharing, surely loved this especially the emoji package, will try it out.

Collapse
 
wilmela profile image
Wilmela

Thanks for sharing.

Collapse
 
azooz2014 profile image
Azooz

Thanks for sharing :)

Collapse
 
naucode profile image
Al - Naucode

Glad it helped you!

Collapse
 
jboxman profile image
Jason Boxman

Thanks for sharing!

Collapse
 
dannyfallas profile image
Danny Fallas

I’ll take the change to share my module here npmjs.com/package/@dannyman/use-store , I’ve been using it on many apps that are on production right now and it becomes really helpful on them.

Collapse
 
insidewhy profile image
insidewhy

Why do you base64 encode the data?

Collapse
 
dannyfallas profile image
Danny Fallas

To make it non readable to most of the non tech users in case there is something sensitive there

Thread Thread
 
insidewhy profile image
insidewhy

Doesn't seem worth it. The hit to performance or the inconvenience for debugging.

Also, why shouldn't you be able to read your own data? What's sensitive about that? And it doesn't even stop a and actor from easily reading the data.

Thread Thread
 
naucode profile image
Al - Naucode

Imagine you are debugging and you just use console.log(oneObject, anotherObject, oneVar, "The code took X time to run");

That is not that organized. I am not telling in the article that it will be more comfortable to use. But it will be a little more organized.

And since you should never deploy console.log to a production build, no bad actor should be see them.

In the end, it depends on you if using these methods or not, in this post I am just bringing attention to a few extra functions.

Thread Thread
 
dannyfallas profile image
Danny Fallas

Will think about adding it as an option.
For the business logic when created, it was needed. Don’t want to give out data easily to everyone if you are in a shared computer , the idea is to add better encryption later.

Collapse
 
ssd profile image
server side digest

Thanks, Really helpful.

👉 Kindly check my blog too and suggest any improvements dev.to/lovepreetsingh/what-is-dock...

Collapse
 
webjose profile image
José Pablo Ramírez Vargas

Thanks for the post. I have bookmarked it because I will be exploring that Logt package in more detail.

I have a counter offer for you: Instead of urlcat, use wj-config. It will do what urlcat does, but it does this from per-environment configuration values. It takes care of your configuration data in the same way .Net Configuration does, relieving you from having a million fake environment variables in .env files, plus you get the URL functions that do route value replacement and query string addition.

Collapse
 
naucode profile image
Al - Naucode

Oh, sounds like a package I need to try! I will check it tomorrow, hopefully in the next chapter of this series it will be added

Collapse
 
grzesiekds profile image
grzesiek-ds

React-loadable literally says that you should migrate to React.lazy since its not maintained for quite long time. Please do not recommend others a deprecated libraries, Reading docs does not hurts.

Collapse
 
naucode profile image
Al - Naucode

Yeah, React-loadable is deprecated. Loadable-components is not the same library. In fact, React-loadable recommends to migrate to React.lazy or loadable-components. This is the one you say (npmjs.com/package/react-loadable) and this is the one I talk about: github.com/gregberge/loadable-comp...

Collapse
 
shifi profile image
Shifa Ur Rehman

Ohohohoho! Sick burn!

Collapse
 
noodleofdeath profile image
NoodleOfDeath

Please read the docs yourself? react-loadable is not the same as @loadable/components

Collapse
 
idosius profile image
Ido Schacham • Edited

urlcat looks cute. Nonetheless, it is not tiny - 10.5 KB minified and gzipped. I would expect 'tiny' to be below 1 KB or something similar, especially for such a specific low functionality library.

Collapse
 
vasu7389 profile image
Vasu Awasthi
Collapse
 
yukikimoto profile image
Yuki Kimoto • Edited

Thanks.

Recently I wrote the article using React with Mojolicious that is a Perl web frame work.

Collapse
 
yaireo profile image
Yair Even Or

Dunno this LogT, but I know a much better one:

github.com/yairEO/console-colors

Collapse
 
ayomiku222 profile image
Ayomiku Olatunji John

You are fantastic 😊. I forked all the libraries because they can be useful to everyday coding life.

Collapse
 
manadaym profile image
Manaday Mavani

Excellent gems! Thanks for sharing. 😊