--- title: Best NPM posts of 2023 | daily.dev description: The most upvoted NPM posts of 2023, curated by the daily.dev community. canonical: https://daily.dev/tags/npm/best-of/2023 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/npm/best-of/2023 og:type: website og:site_name: daily.dev og:title: Best NPM posts of 2023 | daily.dev og:description: The most upvoted NPM posts of 2023, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of NPM — 2023 1. 1 [](/posts/bun-1-0-xeb1bb2m9 "Bun 1.0") Article Community Picks · 3y Bun 1.0 Bun is a fast, all-in-one toolkit for running, building, testing, and debugging JavaScript and TypeScript. Bun's goal is to eliminate slowness and complexity without throwing away everything that's great about JavaScript. Bun is tested against test suites of the most popular Node.js packages on Node. 788 47 2. 2 [](/posts/bun-vs-node-js-everything-you-need-to-know-70wxubj1e "Bun vs Node.js: Everything you need to know") Article Builder.io · 3y Bun vs Node.js: Everything you need to know Bun v1.0 is a super fast all-in-one toolkit for JavaScript and TypeScript apps. The beauty of Bun lies in its ability to streamline the development process, making it smoother and more efficient than ever. Bun is designed as a faster, leaner, more modern replacement for Node.js. 317 17 3. 3 [](/posts/introducing-the-tern-stack-and-how-to-migrate-from-mern-to-tern-ifbeeqy4k "Introducing the TERN stack and how to migrate from MERN to TERN") Article Community Picks · 3y Introducing the TERN stack and how to migrate from MERN to TERN Introducing the TERN stack and how to migrate from MERN to TERN. MERN is a web technology stack consisting of MongoDB, Express.js, React, and Node.js. This tutorial will assume you're using Tigris Cloud or a self-hosted instance of Tigris. 300 40 4. 4 [](/posts/astro-3-0-zeb8kzxrr "Astro 3.0") Article Community Picks · 3y Astro 3.0 Astro 3.0 is the first major web framework to support the View Transitions API. Fade, slide, morph, and even persist stateful elements across page navigation with ease. New features include Image Optimization (stable) and faster Rendering Performance. 279 12 5. 5 [](/posts/expressots---the-developer-friendly-typescript-framework-for-server-side-applications-yfijd2zlv "ExpressoTS - The Developer-Friendly TypeScript Framework for Server-Side Applications") Article Community Picks · 3y ExpressoTS - The Developer-Friendly TypeScript Framework for Server-Side Applications Built on a modular architecture and designed with simplicity in mind, it empowers developers to quickly create powerful applications. Current Partners ExpressoTS is an MIT-licensed open-source project. The Developer-Friendly TypeScript Framework for Server-Side Applications is available on Node.js. 255 69 6. 6 [](/posts/opencommit-gpt-generates-impressive-commits-in-1-second-open-source--h7bd3kir7 "OpenCommit: GPT generates impressive commits in 1 second 🤯🔫 (open-source)") Article Community Picks · 4y OpenCommit: GPT generates impressive commits in 1 second 🤯🔫 (open-source) OpenCommit is an open-source library that generates impressive commit messages using GPT. It makes commit messages meaningful and can be installed using npm. 224 33 7. 7 [](/posts/tailwind-css-15-component-libraries-ui-kits--lfr4yosb "Tailwind CSS: 15 Component Libraries & UI Kits") Article Community Picks · 4y Tailwind CSS: 15 Component Libraries & UI Kits Tailwind CSS has surpassed Bulma, Semantic UI, Foundation, and other prominent CSS frameworks in just a few years. It is now the 2nd most popular framework in the world, with Bootstrap holding a sturdy number one position. With several hundred custom components, it's also one of the most complete libraries. 172 24 8. 8 [](/posts/astro-2-0-ooaz8boge "Astro 2.0") Article Community Picks · 4y Astro 2.0 Astro 2.0 is the first major web framework to deliver complete type-safety for Markdown and MDX. Astro now helps you organize your Markdown with built-in parsing, validation, and automatic TypeScript type generation. This new release is a game-changer for anyone working with Markdown on the web. 162 10 9. 9 [](/posts/bun-hype-how-we-learned-nothing-from-yarn-berscdz8n "Bun hype. How we learned nothing from Yarn") Article DEV · 3y Bun hype. How we learned nothing from Yarn Yarn and Bun went off to create their own competing technology. Both sold themselves on being way faster. Both went in with the goal of splitting the ecosystem. Both announced that they were officially v1.0 and ready for production!...while not actually supporting Windows. In 2023, npm is still faster than Yarn. 156 13 10. 10 [](/posts/pnpm-vs-npm-and-yarn-why-you-should-switch-and-how-to-do-it-pxotkhw5m "PNPM vs npm and Yarn: Why You Should Switch and How to Do It") Article Community Picks · 4y PNPM vs npm and Yarn: Why You Should Switch and How to Do It Learn why you should switch to PNPM for package management in JavaScript projects. Discover the benefits of reduced network usage, faster installation times, and compatibility with npm and Yarn. Follow a step-by-step guide to switch from npm or Yarn to PNPM. 146 24 11. 11 [](/posts/say-goodbye-to-package-manager-chaos-with-ni-9ciyt3b68 "Say Goodbye to Package Manager Chaos with ni") Article Builder.io · 4y Say Goodbye to Package Manager Chaos with ni Say goodbye to package manager chaos with ni. ni is an uncomplicated yet powerful tool that lets you run the right package manager for any project without having to remember which one it uses. It provides commands for installing, running scripts, executing packages, updating packages, and uninstalling packages using the correct package manager for your project. It can also change directories and run commands in the new directory. 145 15 12. 12 [](/posts/why-we-chose-node-js-over-deno--o3yuqvavh "Why We Chose Node.js Over Deno?") Article Amplication · 3y Why We Chose Node.js Over Deno? Node.js was the de-facto standard for writing server-side JavaScript apps in the 2010s. Ryan Dahl introduced Deno in 2018 in his controversial JSConf EU talk titled "10 Things I Regret About Node.JS" This article gives an overview of the platforms, history, performance, security, and all other critical features. 136 21 13. 13 [](/posts/infinite-scroll-in-react-complete-guide-for-dynamic-loading-wcq3hzvfj "Infinite Scroll in React: Complete Guide for Dynamic Loading") Article Community Picks · 3y Infinite Scroll in React: Complete Guide for Dynamic Loading Infinite Scroll is a web design technique that allows users to scroll through content continuously without pagination or clicking "Next" buttons. In this guide, we'll implement infinite scrolling by building a card-based planet explorer. We'll explore the potential performance issues infinite scrolling can present and reveal optimization strategies to mitigate them. 93 3 14. 14 [](/posts/i-m-done-typing-npm-a-zsh-function-for-javascript-package-managers-ygmqh68vr "I'm Done Typing npm: A Zsh Function for JavaScript Package Managers") Article Hacker Noon · 3y I'm Done Typing npm: A Zsh Function for JavaScript Package Managers I'm Done Typing npm: A Zsh Function for JavaScript Package Managers. HackerNoon I've typed for the last time. This is a problem because typing the wrong command costs time and irritation. 90 8 15. 15 [](/posts/how-to-build-react-applications-faster-with-bun-p0fydksa3 "How to build React applications faster with Bun") Article asayer · 4y How to build React applications faster with Bun Learn how to build React applications faster using the Bun JavaScript runtime. Discover the advantages of Bun, its speed and performance, and how to install it. Explore how to set up a React application with Bun and use it as a package manager. Test the speed of creating a React app with Bun compared to create-react-app. 91 3 16. 16 [](/posts/best-animation-libraries-for-react--ouommm60g "Best Animation Libraries For React🎉") Article Community Picks · 3y Best Animation Libraries For React🎉 React-spring is a spring-physics-based animation library that should cover most of your UI-related animation needs. Framer Motion is a production-ready motion library for React. Green Sock has over 5,500 GitHub stars and 54k weekly NPM downloads. 84 5 17. 17 [](/posts/stop-using-npm-install-in-your-ci-cd-pipeline-tjerl8uwy "Stop using “npm install” in your CI/CD pipeline") Article Bits and Pieces · 3y Stop using “npm install” in your CI/CD pipeline This article compares npm install and npm ci commands, explains the options --legacy-peer-deps and --force, and provides a solution to common issues faced by developers. It also emphasizes the importance of using npm ci in CI/CD pipelines for stable builds. 72 2 18. 18 [](/posts/how-to-build-a-restful-api-with-node-js-and-express-10mvewjxa "How to Build a RESTful API with Node.js and Express") Article Code Like A Girl · 3y How to Build a RESTful API with Node.js and Express How to Build a RESTful API with Node.js and Express, we will explore how to build a high-performance API using Node.JS and Express. By the end, you’ll have the knowledge and skills to create your own scalable and efficient API. 69 8 19. 19 [](/posts/htmx-the-game-changing-alternative-to-react-jonbkmzdc "HTMX: The Game-Changing Alternative to React") Article Community Picks · 3y HTMX: The Game-Changing Alternative to React 68 11 20. 20 [](/posts/5-different-tools-to-bundle-node-js-apps-qmkb15142 "5 Different Tools to Bundle Node.js Apps") Article Amplication · 3y 5 Different Tools to Bundle Node.js Apps Bundling combines multiple files or modules into a single file or a set of files. This process allows developers to efficiently manage dependencies and simplify the deployments while improving the overall performance of their applications. This article will explore 5 tools and techniques to help you bundle your Node.js application effectively. 68 5 21. 21 [](/posts/i-replaced-npm-yarn-and-nvm-with-pnpm-korjzlvvw "I replaced npm, yarn and nvm with pnpm") Article Community Picks · 3y I replaced npm, yarn and nvm with pnpm A package manager called pnpm is a faster alternative to npm, yarn, and nvm. It offers features like workspace support, patching dependencies, managing runtime versions, and peer installation. 65 7 22. 22 [](/posts/send-sms-directly-from-the-browser-no-backend-code-required--yqbh4r770 "Send SMS Directly from the Browser (No Backend Code Required!)") Article Permit.io · 3y Send SMS Directly from the Browser (No Backend Code Required!) We'll learn how to send SMS directly from the browser using Frontend Only Authorization (FoAz) standard. To authenticate our users in the browser, we'll use Clerk.dev, a frontend-first authentication platform that lets you add authentication to your application in minutes. Let's create a new React app by using Vite. 64 5 23. 23 [](/posts/what-is-pnpm-and-why-you-should-use-it--00p779llc "What is pnpm and why you should use it?") Article Community Picks · 3y What is pnpm and why you should use it? PNPM (Performant NPM) is a forward-thinking package management solution. It uses a centralized storage system combined with hard links to streamline the way dependencies are managed in JavaScript projects. NPM employs a flat dependency architecture where each project has its own copy of all dependencies, potentially leading to higher disk space consumption. 63 4 24. 24 [](/posts/a-travel-app-ui-in-react-native-with-tailwindcss-b7uhrrxh4 "A Travel App UI in React Native with TailwindCSS") Article React Native Example · 3y A Travel App UI in React Native with TailwindCSS Open it in the Expo app on your phone to view it. It will reload if you save edits to your files, and you will see build errors and logs in the terminal. It also attempts to open your app on a connected Android device or emulator. 62 2 25. 25 [](/posts/how-to-build-a-node-js-graphql-api-with-nestjs-and-prisma-mubrq0zh7 "How to Build a Node.js GraphQL API With NestJS and Prisma") Article Amplication · 3y How to Build a Node.js GraphQL API With NestJS and Prisma NestJS and Prisma are a great couple that can provide exactly that. NestJS is a powerful framework specifically designed for building Node.js applications. Prisma is an open-source database toolkit that provides tools and features to simplify database access. Amplication Amplication can automatically generate entities for your database models if you prefer. 61 1 [See all NPM archives](/tags/npm/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/npm/best-of/2023#page","url":"https://daily.dev/tags/npm/best-of/2023","name":"Best NPM Posts of 2023","description":"The most upvoted NPM posts of 2023, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/npm/best-of/2023#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/bun-1-0-xeb1bb2m9","name":"Bun 1.0"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/bun-vs-node-js-everything-you-need-to-know-70wxubj1e","name":"Bun vs Node.js: Everything you need to know"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/introducing-the-tern-stack-and-how-to-migrate-from-mern-to-tern-ifbeeqy4k","name":"Introducing the TERN stack and how to migrate from MERN to TERN"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/astro-3-0-zeb8kzxrr","name":"Astro 3.0"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/expressots---the-developer-friendly-typescript-framework-for-server-side-applications-yfijd2zlv","name":"ExpressoTS - The Developer-Friendly TypeScript Framework for Server-Side Applications"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/opencommit-gpt-generates-impressive-commits-in-1-second-open-source--h7bd3kir7","name":"OpenCommit: GPT generates impressive commits in 1 second 🤯🔫 (open-source)"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/tailwind-css-15-component-libraries-ui-kits--lfr4yosb","name":"Tailwind CSS: 15 Component Libraries & UI Kits"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/astro-2-0-ooaz8boge","name":"Astro 2.0"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/bun-hype-how-we-learned-nothing-from-yarn-berscdz8n","name":"Bun hype. How we learned nothing from Yarn"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/pnpm-vs-npm-and-yarn-why-you-should-switch-and-how-to-do-it-pxotkhw5m","name":"PNPM vs npm and Yarn: Why You Should Switch and How to Do It"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/say-goodbye-to-package-manager-chaos-with-ni-9ciyt3b68","name":"Say Goodbye to Package Manager Chaos with ni"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/why-we-chose-node-js-over-deno--o3yuqvavh","name":"Why We Chose Node.js Over Deno?"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/infinite-scroll-in-react-complete-guide-for-dynamic-loading-wcq3hzvfj","name":"Infinite Scroll in React: Complete Guide for Dynamic Loading"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/i-m-done-typing-npm-a-zsh-function-for-javascript-package-managers-ygmqh68vr","name":"I'm Done Typing npm: A Zsh Function for JavaScript Package Managers"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/how-to-build-react-applications-faster-with-bun-p0fydksa3","name":"How to build React applications faster with Bun"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/best-animation-libraries-for-react--ouommm60g","name":"Best Animation Libraries For React🎉"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/stop-using-npm-install-in-your-ci-cd-pipeline-tjerl8uwy","name":"Stop using “npm install” in your CI/CD pipeline"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/how-to-build-a-restful-api-with-node-js-and-express-10mvewjxa","name":"How to Build a RESTful API with Node.js and Express"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/htmx-the-game-changing-alternative-to-react-jonbkmzdc","name":"HTMX: The Game-Changing Alternative to React"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/5-different-tools-to-bundle-node-js-apps-qmkb15142","name":"5 Different Tools to Bundle Node.js Apps"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/i-replaced-npm-yarn-and-nvm-with-pnpm-korjzlvvw","name":"I replaced npm, yarn and nvm with pnpm"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/send-sms-directly-from-the-browser-no-backend-code-required--yqbh4r770","name":"Send SMS Directly from the Browser (No Backend Code Required!)"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/what-is-pnpm-and-why-you-should-use-it--00p779llc","name":"What is pnpm and why you should use it?"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/a-travel-app-ui-in-react-native-with-tailwindcss-b7uhrrxh4","name":"A Travel App UI in React Native with TailwindCSS"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/how-to-build-a-node-js-graphql-api-with-nestjs-and-prisma-mubrq0zh7","name":"How to Build a Node.js GraphQL API With NestJS and Prisma"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"NPM","item":"https://daily.dev/tags/npm"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/npm/best-of"},{"@type":"ListItem","position":5,"name":"2023"}]}]} ```