Top 23 JavaScript Utility Projects
-
next we going to dive in to the actual policy, in this policy we want to verify a certain user is a reviewer, so after the call im going to point to the "users" array, then use the condition includes ([...users].includes(value)), utilities function by default includes all Lodash functions, you can add custom utilities in the provider level. I'm going to use the map utility function to prepare an array of reviewers usernames.
-
Project mention: Following the Unix philosophy without getting left-pad | reddit.com/r/programming | 2021-12-08
Lodash specifically avoids this problem by managing a collection of microlibraries. The individual modules follow the "do one thing well" philosophy and may be consumed individually, but they're all managed within the larger umbrella project. date-fns is another project which uses a similar approach.
-
-
You-Dont-Need-Lodash-Underscore
List of JavaScript methods which you can use natively + ESLint Plugin
Project mention: You don't (may not) need Lodash/Underscore - List of JavaScript methods which you can use natively + ESLint Plugin. | reddit.com/r/code_rosettas | 2021-08-24 -
I make my commits from the command line using commitizen, following the conventional commits standard: https://commitizen.github.io/cz-cli/
-
Project mention: The Perfect Configuration Format? Try TypeScript | news.ycombinator.com | 2021-11-17
I have used TypeScript for config in a few projects, with node-config[1], and it’s substantially better IME than JSON/YAML/etc. Yeah it’s unconventional to write configs in a general purpose language, and I understand why that would be undesirable. But having configs validated at compile time is great at preventing bugs.
I’m not sure I’d recommend node-config (it was chosen by a past team). Its magic undermines the confidence in type safety provided by choosing TypeScript in the first place. But it does give some good baseline conventions one can apply without all the magic.
-
Project mention: How to set up Google Analytics for React-Router? | reddit.com/r/codehunter | 2021-12-02
The package I'm looking at is, react-ga.
-
Project mention: A notable JavaScript developer shamelessly copied one of my most downloaded nod | news.ycombinator.com | 2021-09-26
> I wonder why there is not a simple math lib
This [0] might be what you are looking for, it has both is-number and is-odd.
-
Scout APM
Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
-
-
-
Felte does not attempt to have the perfect solution on how to handle all scenarios regarding form management. This is why Felte offers an API to extend its functionality as your requirements grow more complex. You may have a preferred library you like to use, such as the really popular yup, or Vest (which was recently talked about during Svelte Summit). Modifying Felte’s behaviour to handle these scenarios can be done via the extend option on createForm’s configuration object. More about this can be read in the official documentation. To keep things simple for the purposes of this blog post, I am only going to write about some of the existing packages we maintain to handle some common use cases:
-
Project mention: anyone tried nvd3 in react? I need a stacked area chart and like theirs | reddit.com/r/reactjs | 2021-08-20
Check this: https://react-d3-library.github.io/
-
react-intl-universal
Internationalize React apps. Not only for React.Component but also for Vanilla JS.
You can give a try to formatjs that now includes react-intl or react-intl-universal by Alibaba. If you are looking for a ready to be consumed solution instead, I would suggest phrase.com.
-
react-stripe-checkout
Load stripe's checkout.js as a react component. Easiest way to use checkout with React.
-
backbone-react-component
A bit of nifty glue that automatically plugs your Backbone models and collections into your React components, on the browser and server
-
-
All I needed was some way to use reCAPTCHA within a React application, and react-recaptcha was more than enough to get me rolling. They offer a simple reCAPTCHA component that just requires a couple of config props and 2 callback functions to help verify a user's input. We also need to add a script to our in our _document.js file to use the Google reCAPTCHA CDN.
-
-
-
react-translate-component
A component for React that utilizes the Counterpart module to provide multi-lingual/localized text content.
-
-
-
-
JavaScript Utilities related posts
- Following the Unix philosophy without getting left-pad
- Computed in Vue3 with Objects
- How to set up Google Analytics for React-Router?
- How to add the new Google Analytics 4 in Reactjs app? You simply copy the Google Analytics script tag into the <head> section of your index.html file in the public directory. Yeah, I know right, it’s that obvious.
- [AskJS] NPM package for regional date format?
- Loops, Array Methods, and Recursion
- Sharing and bundling multiple vendor bundles into one vendor bundle using Webpack’s module federation and split chunks plugins
Index
What are some of the best open-source Utility projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | lodash | 51,526 |
| 2 | date-fns | 26,939 |
| 3 | You-Dont-Need-Lodash-Underscore | 13,873 |
| 4 | cz-cli | 12,622 |
| 5 | node-config | 5,411 |
| 6 | react-ga | 4,753 |
| 7 | stdlib | 2,731 |
| 8 | qrcode.react | 2,657 |
| 9 | react-media | 2,395 |
| 10 | Vest | 1,581 |
| 11 | react-d3-library | 1,298 |
| 12 | react-intl-universal | 1,188 |
| 13 | react-stripe-checkout | 951 |
| 14 | backbone-react-component | 817 |
| 15 | reactive-elements | 696 |
| 16 | react-recaptcha | 609 |
| 17 | nve | 542 |
| 18 | redux-segment | 521 |
| 19 | react-translate-component | 325 |
| 20 | react-localstorage | 288 |
| 21 | react-google-autocomplete | 235 |
| 22 | react-lottie-player | 228 |
| 23 | react-famous | 170 |
Are you hiring? Post a new remote job listing for free.
