DEV Community

Cover image for 73 Awesome NPM Packages for Productivity ๐Ÿš€๐ŸŒฑ

73 Awesome NPM Packages for Productivity ๐Ÿš€๐ŸŒฑ

Madza on October 10, 2020

Nowadays in our busy schedules and tight deadlines, it's critical to choose tools that increase productivity. Here I have compiled a list of some ...
Collapse
 
shakilahmed007 profile image
Shakil Ahmed

Exciting list! ๐Ÿš€ Curious to explore how these NPM packages can elevate productivity

Collapse
 
madza profile image
Madza

Thanks for checking out this piece! It was one of the first ones I did! ๐Ÿ‘๐Ÿ’ฏ

Collapse
 
eomm profile image
Manuel Spigolon

I would like to share fastify as "backend frameworks" and pino for logging. Both worth a try if you don't know them and are ready for production

Collapse
 
momin profile image
Md Abdul Momin

I will go with NestJs!

Collapse
 
madza profile image
Madza

Thanks for the input! ๐Ÿ™โค

Collapse
 
bias profile image
Tobias Nickel

Also, a tool I love: json-server, a rest API for json files.

And I can't resist to mention trdb my in new json file database, similar to lowDB, that I developed last weekend for rapid prototyping. it:

  1. deliberatly has few very few features to be easily learned and later replaced with a real db.
  2. all APi async, to have very little codechange when change to a real db.
  3. always work with copies of objects inside the db and outside, to avoid sideeffects and (again) easily migrate to real db.
Collapse
 
ozaytsev86 profile image
Olek

Hi, did you try mockoon.com/?

Collapse
 
bias profile image
Tobias Nickel

mocknoon is looks good, with trdb I try to hit a different audience.

As I understand it, frontend or api consumer can test against this mock servers. A little like json-server but for defining specific api responses instead of the rest-json-file database.

with trdb the backend develoer can instandly start implementing the backend, including sessions, authentication, permissions,... and later it is trivial to change the code to a sophisticated db, with hopefully minimal code changes.

I developed it, to study oauth, implement an authenticatio service (login with), an app that the user want to login, and an api service, that the user grand the app access to.

And for these studying purpose, I figured a json file db module that bahave like a real db, would be awesome.

Collapse
 
madza profile image
Madza

Thanks for the additional input! ๐Ÿ™โค

Collapse
 
dualyticalchemy profile image
โšซ๏ธ nothingness negates itself • Edited

keystonejs, paseto, cypress, pryjs, hy-res, plato and es6-plato, ramda, clusterluck, loopback, got, awilix, node-red, node-coap, karma and protractor have cool reporters for html, static code analysis for css specificity, etc., use nvm or n, mongoose for mongodb, mongoui on github, bedquilt for postgresql, niceware, leaflet maps

Collapse
 
madza profile image
Madza

That's a nice addition, thanks for the input! ๐Ÿ™โค

Collapse
 
dualyticalchemy profile image
โšซ๏ธ nothingness negates itself

welcome

Collapse
 
crimsonmed profile image
Mรฉdรฉric Burlet

Amazing list but I was surprised to not see Material UI.\

GitHub logo mui / material-ui

MUI Core: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

They also have an awesome website about best UX for users.

material.io/

Also I would add Yargs to the CLI section as it is the defacto to parse arguments:

GitHub logo yargs / yargs

yargs the modern, pirate-themed successor to optimist.

I would have also thought for cli about Ocliff

GitHub logo oclif / oclif

CLI for generating, building, and releasing oclif CLIs. Built by Salesforce.

Collapse
 
momin profile image
Md Abdul Momin

I'm also, this list can be increased with some other important tools and library, should be a list of ๐Ÿ’ฏ!

Collapse
 
madza profile image
Madza

Thanks for the input! ๐Ÿ™โค These are great, too โœจ๐Ÿ˜‰

Collapse
 
jchlu profile image
Johnny C-L

Both 11ty and RedwoodJS deserve to make any 2020 list IMHO.

Collapse
 
madza profile image
Madza

Haven't taken that much of a deep dive on them, yet ๐Ÿ˜‰
Thanks for the addition! ๐Ÿ™โค

Collapse
 
yatki profile image
Mehmet Yatkฤฑ • Edited

Maybe this one too :D

GitHub logo lisanjs / lisan

๐ŸŒˆ i18n, Reimagined! ๐Ÿš€A blazing fast and super small i18n library for Javascript

Lisan.js
i18n, Reimagined

A blazing fast and super small i18n library for Javascript

NPM Status NPM Downloads Coverage


Website

Installation ยท API ยท Guides & Tips ยท Examples


Introduction

Lisan (Turkish: lee ยท sun) is an i18n library.

It provides all essential tooling to have multiple languages in your applications and format numbers, currencies, ordinals & dates based on locale.

Lisan's biggest difference compared to traditional i18n libraries is taking advantage of ES6 Template Literals and using them to generate functions to interpolate strings.

Lisan.js

Check out our website to learn more!

Highlights

Example Projects

Here you can find some example projects developed by Lisan to quickly get started.

  1. Hello World (Node) - Purpose of this example toโ€ฆ




๐Ÿš€๐Ÿ––

Collapse
 
madza profile image
Madza

Awesome ๐Ÿคฉ Did you build it yourself? ๐Ÿ‘€

Collapse
 
yatki profile image
Mehmet Yatkฤฑ

Yes :))) Thank you :)

Collapse
 
estruyf profile image
Elio Struyf

I would definitly add Playwright to the list. It's from the same team which originally created Puppeteer.

Collapse
 
madza profile image
Madza

Thanks for the input! ๐Ÿ™โค

Collapse
 
estruyf profile image
Elio Struyf

No worries, thank you for the list!

Collapse
 
gpingfeng profile image
Gopal

Hello, may I translate your article into Chinese? I would like to share it with more developers in China. I will give the original author and original source.

Collapse
 
madza profile image
Madza

Sure, go right ahead ๐Ÿ™โค

Collapse
 
gpingfeng profile image
Gopal

Thanks

Collapse
 
joachimzeelmaekers profile image
Joachim Zeelmaekers

Fantastic list. Maybe consider using react-hook-form.com/ for forms. They also have an amazing form builder in their website which handles validation and generates the boilerplate code. react-hook-form.com/form-builder

Collapse
 
madza profile image
Madza

Thanks for the input ๐Ÿ™โค

Collapse
 
martineboh profile image
Martin Eboh • Edited

MeteorJS (meteor.com/), an open source platform for web, mobile, and desktop used by over half a million developers around the globe to make shipping javascript applications simple, efficient, and scalable, is missing from this list. Please add the โ€˜greatestโ€™ real-time framework to this awesome list of tools.

Collapse
 
dgonzalezr profile image
Dabiel Gonzรกlez Ramos

I would have added date-fns on the Date formatting sesion

Collapse
 
madza profile image
Madza

I love tiny sized and fast packages ๐Ÿ˜‰
This is awesome ๐Ÿคฉโœจ

 
ozaytsev86 profile image
Olek

Its amazing I love it :)

Collapse
 
pharmokan profile image
pharmokan • Edited

Utility Library: Licia
YADF (yet another DOM Framework): AlpineJS

Collapse
 
madza profile image
Madza

a deadly simple collection of over 400 micro modules

This could be really helpful ๐Ÿš€
Saved that lib in my notes ๐Ÿ˜‰

Collapse
 
juanmamenendez15 profile image
Juan Manuel Menendez Hernandez • Edited

To handle forms in react this library is better than Formik and the others react-hook-form.com/

Collapse
 
madza profile image
Madza

Didn't know this one ๐Ÿ˜‰
Thanks for the input! ๐Ÿ™โค

Collapse
 
bombillazo profile image
Hector Ayala

Awesome list!

Collapse
 
madza profile image
Madza

Thanks a lot ๐Ÿ™โค

Collapse
 
hipertracker profile image
Jaroslaw Zabiello

Why not Nestjs? nestjs.com/

Collapse
 
madza profile image
Madza

Awesome to see it mentioned! ๐Ÿ™โค

Collapse
 
hipertracker profile image
Jaroslaw Zabiello

Why not Quasar? quasar.dev/ It's one of the main reasons why I prefer Vue over React.

Collapse
 
madza profile image
Madza

Thanks for the addition! ๐Ÿ™โค

Collapse
 
anonystick profile image
anonystick

Hello, may I translate your article into VietNamese? I will give the original author and original source. Thanks!

Collapse
 
madza profile image
Madza

Sure, go right ahead ๐Ÿ‘ Sry for the delay on the reply ๐Ÿ˜‰

Collapse
 
debojyotichatterjee9 profile image
Debojyoti Chatterjee

This is awsome !! Much thanks!! :)

Collapse
 
znick1982 profile image
Nikolay

I would add a Bull - the Redis based task/event manager

Collapse
 
madza profile image
Madza

Thanks for the input! ๐Ÿ™โค

Collapse
 
lyrod profile image
Lyrod

You're missing nestjs! ๐Ÿ˜‰

Collapse
 
madza profile image
Madza • Edited

Thanks for your input! ๐Ÿ™โค
*btw, it was in my mind when I compiled this list ๐Ÿ˜‰

Collapse
 
izzqz profile image
Vyacheslav

Instead of bcrypt, use argon2. This is more safety way to hashing with salt.

Collapse
 
madza profile image
Madza

Thanks for the recommendation! ๐Ÿ™โค

Collapse
 
leifermendez profile image
Leifer Mendez

I think the nanoid package for randon, string numbers slug etc

Collapse
 
madza profile image
Madza

Thanks for the addition! ๐Ÿ™โค

Collapse
 
yo profile image
Yoginth

Thanks for sharing! Really this is an awesome list!

Collapse
 
madza profile image
Madza

Awesome to hear you liked it! ๐Ÿ™โค

Collapse
 
sriduh profile image
Sridhar

Literally mind blown knowing this list. Thanks for the article. Bookmarked! ๐Ÿ’œ๐Ÿงกโค

Collapse
 
madza profile image
Madza

Thanks so much! ๐Ÿ˜‰ This means the world! ๐Ÿ™โค

Collapse
 
ohadtutay profile image
OhadTutay

Also Typeorm and chokidar are pretty great.