Best of NPM2023

  1. 1
    Article
    Avatar of communityCommunity 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.

  2. 2
    Article
    Avatar of builderiobuilder.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.

  3. 3
    Article
    Avatar of communityCommunity 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.

  4. 4
    Article
    Avatar of communityCommunity 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.

  5. 5
    Article
    Avatar of communityCommunity 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.

  6. 6
    Article
    Avatar of communityCommunity Picks·3y

    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.

  7. 7
    Article
    Avatar of communityCommunity Picks·3y

    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.

  8. 8
    Article
    Avatar of communityCommunity Picks·3y

    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.

  9. 9
    Article
    Avatar of devtoDEV·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.

  10. 10
    Article
    Avatar of communityCommunity Picks·3y

    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.

  11. 11
    Article
    Avatar of builderiobuilder.io·3y

    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.

  12. 12
    Article
    Avatar of amplicationAmplication·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.

  13. 13
    Article
    Avatar of communityCommunity 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.

  14. 14
    Article
    Avatar of hackernoonHacker 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.

  15. 15
    Article
    Avatar of asayerasayer·3y

    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.

  16. 16
    Article
    Avatar of communityCommunity 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.

  17. 17
    Article
    Avatar of bitBits 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.

  18. 18
    Article
    Avatar of colkgirlCode 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.

  19. 19
    Article
    Avatar of communityCommunity Picks·3y

    HTMX: The Game-Changing Alternative to React

  20. 20
    Article
    Avatar of amplicationAmplication·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.

  21. 21
    Article
    Avatar of communityCommunity Picks·2y

    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.

  22. 22
    Article
    Avatar of permitioPermit.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.

  23. 23
    Article
    Avatar of communityCommunity 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.

  24. 24
    Article
    Avatar of reactnativeexampleReact 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.

  25. 25
    Article
    Avatar of amplicationAmplication·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.