Best of Webpack2023

  1. 1
    Article
    Avatar of robinwieruchRobin Wieruch·3y

    10 Web Development Trends in 2023

    The most popular meta framework called Next.js comes on top of React.js. SSR is all over the place when working with JavaScript frameworks these days. Other meta frameworks like SvelteKit are catching up. SSR has been competing with static site generation (SSG) for a while for the perfect performance.

  2. 2
    Article
    Avatar of communityCommunity Picks·3y

    Getting Started – Lightning CSS

    Lightning CSS can be used as a library from JavaScript or Rust. It can also be wrapped as a plugin in other build tools, and built into Parcel out of the box. From Node First, install Lightning CSS using a package manager such as Node First. Once installed, import the module and call one of the Lightning CSS APIs.

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

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

  5. 5
    Article
    Avatar of medium_jsMedium·3y

    Optimizing Your Web App: How To Score 100 on Lighthouse

    Learn how to optimize your web app to score 100 on Lighthouse. Understand the difference between Lighthouse score and field data, and the impact of Total Blocking Time on performance.

  6. 6
    Article
    Avatar of communityCommunity Picks·3y

    How to Build a React component library?

    How to build a React component library? In this article I tried to talk the steps of creating a react component library. The best way to test our package locally is Storybook. We should publish our package in our peerDependencies to prevent rollup to add these packages in our bundle.

  7. 7
    Article
    Avatar of trendyoltechTrendyol Tech·3y

    Vite: Webpack Killer or Something Else?

    Vite is a build tool and development server for modern JavaScript applications. It uses the native ES modules feature in the browser to handle the imports of your JavaScript files. Vite also has a plugin system that allows you to add additional functionality, such as TypeScript support or JSX transpilation.

  8. 8
    Article
    Avatar of discdotDiscover .NET·3y

    What Is A JavaScript Bundler?

    A JavaScript bundler produces bundles. It's basically a static file, optimized to be served to the client (in our case: a web browser) The main goal is to produce a single bundle file from multiple dependencies. In effect, the user’s browser doesn’t need to fetch so many files separately.

  9. 9
    Article
    Avatar of communityCommunity Picks·3y

    Breaking Up with SVG-in-JS in 2023

    The most expensive form of sprite sheet: costs a minimum of 3x more than other techniques. This bundle from a popular site is almost 50% SVG icons (250kb), and most are unused. SVGs in JS have a cost and SVGs do not belong into your JS bundle.

  10. 10
    Article
    Avatar of communityCommunity Picks·3y

    Unlocking Discord Nitro Features for Free

    The Development Tools Discord is developed using Electron, a framework that allows the development of cross-platform applications using web technologies. This means that the application runs within a web browser, similar to any website. Discord is essentially a Chromium window, which makes it possible to open the development tools. This functionality is disabled by default.

  11. 11
    Article
    Avatar of logrocketLogRocket·2y

    Vite adoption guide: Overview, examples, and alternatives

    Vite is a fast and lightweight build tool for frontend development. It improves development speed and performance, supports ES modules, and has a growing community. Vite handles code splitting efficiently and reduces network round trips. However, it may have limitations in handling complex projects and lacks an extensive ecosystem compared to webpack.