DEV Community

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 ...

Read full post

Shakil Ahmed • Dec 4 '23

Exciting list! 🚀 Curious to explore how these NPM packages can elevate productivity

Madza • Dec 4 '23

Thanks for checking out this piece! It was one of the first ones I did! 👍💯

Manuel Spigolon • Oct 12 '20

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

Md Abdul Momin • Oct 24 '20

I will go with NestJs!

Madza • Oct 12 '20

Thanks for the input! 🙏❤

Tobias Nickel • Oct 12 '20

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:

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

Olek • Nov 9 '20

Hi, did you try mockoon.com/?

Tobias Nickel • Nov 11 '20

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.

Madza • Oct 12 '20

Thanks for the additional input! 🙏❤

⚫️ nothingness negates itself • Oct 11 '20 • 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

Madza • Oct 11 '20

That's a nice addition, thanks for the input! 🙏❤

⚫️ nothingness negates itself • Oct 11 '20

welcome

Médéric Burlet • Oct 12 '20

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

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:

yargs / yargs

yargs the modern, pirate-themed successor to optimist.

I would have also thought for cli about Ocliff

oclif / oclif

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

Md Abdul Momin • Oct 24 '20

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

Madza • Oct 12 '20

Thanks for the input! 🙏❤ These are great, too ✨😉

Johnny C-L • Oct 12 '20

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

Madza • Oct 12 '20

Haven't taken that much of a deep dive on them, yet 😉
Thanks for the addition! 🙏❤

Mehmet Yatkı • Oct 14 '20 • Edited

Maybe this one too :D

lisanjs / lisan

🌈 i18n, Reimagined! 🚀A blazing fast and super small i18n library for Javascript

i18n, Reimagined

A blazing fast and super small i18n library for Javascript

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.

Check out our website to learn more!

Highlights

It's blazing fast!
Framework Agnostic
Supports JSX Interpolations 🚀New!
Allows you to lazy load your dictionaries.
Pluralization
Localization
Provides a Compiler and a Command Line Tool
Can be extended with plugins & adapters.

Example Projects

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

Hello World (Node) - Purpose of this example to…

View on GitHub

🚀🖖

Madza • Oct 15 '20

Awesome 🤩 Did you build it yourself? 👀

Mehmet Yatkı • Oct 15 '20

Yes :))) Thank you :)

Elio Struyf • Oct 12 '20

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

Madza • Oct 12 '20

Thanks for the input! 🙏❤

Elio Struyf • Oct 12 '20

No worries, thank you for the list!

Joachim Zeelmaekers • Oct 17 '20

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

Madza • Oct 17 '20

Thanks for the input 🙏❤

Gopal • Oct 31 '20

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.

Madza • Nov 2 '20

Sure, go right ahead 🙏❤

Gopal • Nov 2 '20

Thanks

Martin Eboh • Oct 31 '20 • 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.